What you get
- One HTML file with fonts and images embedded, no network requests
- A poster-style home with portrait, bracket, paired statements and mirrored labels
- Offer pages with fees and weekly stages, case studies with outcomes, full essays, about, contact and privacy
- A validator for links, routes, form labels, the hero devices and leftover sample text
- Optional portrait re-lighting, still lifes, a studio loop and a social card from PopNow after a credit quote
Good for
- Consultants, strategists and advisors who sell a few fixed offers
- Designers, photographers, coaches and speakers
- Freelancers who win work on referrals and need case studies
Not for
- Companies with a team and many products
- Image-grid portfolios with dozens of projects
- Dark or brightly coloured brands
How to use it
In Claude or ChatGPT
Use the PopNow skill "Personal Brand Website" (personal-brand-website) for this: Build my site. I'm Lena Hart, a pricing consultant for small software companies. Offers: a two-week pricing audit ($4,800) and a quarterly advisory retainer. Case studies: a bookkeeping app and a scheduling tool.
In a coding agent
/popnow-personal-brand-website Build my site. I'm Lena Hart, a pricing consultant for small software companies. Offers: a two-week pricing audit ($4,800) and a quarterly advisory retainer. Case studies: a bookkeeping app and a scheduling tool.
Then try
Quote re-lighting my photo onto a plain warm backdrop for the hero before you run it.
Turn Writing into Talks and make the featured item my conference keynote.
What to have ready
- Your name, discipline and the one sentence you want clients to repeat
- 2-4 offers with fees and 2-4 case studies with real outcomes
- Two photos of yourself on a plain background
- Optional: a PopNow API key and your DESIGN.md
Similar skills
View all →3D Avatar Maker
+3Build a cute soft-toy 3D character in your browser and save it as a transparent PNG or a 3D page.
Calendar Heatmap
+3A year of daily activity as a shaded calendar grid, with streaks, totals and keyboard access.
AI SaaS Landing Page
+3Warm sand paper, hairline rails and hatched gutters around a live kanban board where an assistant plans tasks.
Animated Hero Section
+3A landing-page hero with a gently rotating headline word, two buttons and a wide image frame.
Shader Hero Agency Website
+3A live orange-heat shader hero behind a bottom-pinned statement, pill nav and a staggered case-study grid.
Dark SaaS Landing Page
+3A dark, motion-rich marketing site for a software product, delivered as one self-contained HTML file.
Designer Portfolio Website
+3Six tilted cards hover round a fading headline on calm grey, one red portrait card, editorial case studies.
Developer Portfolio Website
+3A dark personal site for engineers with case studies, writing, talks, a résumé and a contact form.
Editorial SaaS Website
+3Navy split hero, a five-line serif headline beside a documentary still, slanted bands and one cobalt accent.
Glassmorphism Website Template
+3Frosted glass pills on a near-black film, a huge serif headline with one italic word and an email capture.
Hardware Product Website
+3Huge hairline model names on silver studio shots, frosted spec cards, a to-scale lineup and a hardware bento.
Interactive Architecture Diagram
+3An offline, clickable system diagram built from a checked JSON model, with the evidence behind each box.
Interactive Grid Hero
+3A dark grid of fine strands that bends toward the cursor and rolls a glowing ring out from every click.
Knowledge Graph Explorer
+3Turn project notes into an offline, searchable graph where every claim links back to its source line.
KPI Dashboard Template
+3Four KPI tiles with change chips over a glowing line chart, a breakdown table and target bars on warm paper.
Landing Page from AI Mockups
+3See three full-page designs first, pick one, and your agent builds it as clean, responsive code.
Magazine Website Template
+3A print-quality magazine site with articles, topics, a small shop and subscriptions, as one HTML file.
Particle Animation Hero
+3Copy on warm paper beside a turning sphere of ink and teal dots that reshapes per idea and scatters on scroll.
Cinematic Product Launch Page
+3Film-lit near-black page: serif title card over drifting light, letterboxed night scene, reservation form.
Admin Dashboard Template
+3A working back-office console with charts, tables, kanban and calendar, built as one offline HTML file.
SaaS Landing Page Template
+3A calm, light marketing site for a software product with a working product console, pricing and sign-up.
Scrapbook Portfolio Website
+3A multi-page online CV made of paper objects, with case studies and a printable resume.
Sneaker Store Website Template
+3A complete footwear or apparel shop with catalog, product pages, bag and demo checkout in one HTML file.
Workflow Automation Landing Page
+3Graphite page, small left-aligned headline, and a live node graph below that runs, retries and streams logs.
Questions
Do I need a professional photo shoot?
No. Two clear photos of you are enough. The hero feathers the portrait into the page, so a plain wall works, and PopNow can re-light your own photo onto the warm backdrop or cut you out of a busy background, each quoted before it runs.
Will it make up clients or results for me?
No. Client names, quotes, numbers and fees come from you. Anything the skill has to draft is listed in the delivery note so you can confirm it, replace it or remove it.
I am a coach, not a strategist. Does the structure still fit?
Yes. The adapting guide maps the pages for coaches, photographers, speakers, advisors and freelancers: offers become programmes or commissions, case studies become anonymised stories or projects, writing becomes talks or a journal.
Can I use it in my Next.js or Astro site?
Yes. Without a project it builds one offline HTML file; with a project it ports the pages as real routes and components, using ReUI controls in React outputs.