Skip to content

DirectorySkills

Personal brand landing page: 1440, made in this run
Run 1Personal brand landing page“I need a personal website for my coaching business. Brief in brief.md.”
Runs in
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
Generates with
Your agent's model
Tested with
Claude Code 2.1.322Claude Sonnet 5.51 real run, 10 Nov
Needs
Node 20+Chrome
Licence
Recaply licence

Personal Brand Landing Page

An editorial personal brand page: a big serif name beside a portrait, offers, featured-in names, quotes and newsletter.

$9.99once, yours to keep

Builds a personal brand landing page in an editorial, magazine style into your own project: warm cream with deep plum and a blush accent, a large high-contrast serif with italics beside a tall portrait, a featured-in row, three offers (speaking, course, newsletter), a pull quote, kind words and a newsletter sign-up. Plain HTML, CSS and JavaScript, or matched to React, Next.js, Vue, Svelte, Astro or Tailwind when the project uses them. Comes with a working reference and a check that screenshots it at phone, tablet and desktop widths and flags sideways overflow, text under 12px, missing alt text and names, low contrast, no focus styles, motion that ignores reduced motion, leftover sample words and emoji icons. Use when a coach, author, speaker, consultant or creator needs a personal landing page for their offers and newsletter, or someone asks for an elegant, editorial personal brand page.

By RecaplyUpdated 12 Nov

Install Personal Brand Landing Page

After the download, ask your agent to add it, or run the line yourself.

Read https://recaply.co/skills/personal-brand-landing-page/install.md and follow it to install the personal-brand-landing-page skill from personal-brand-landing-page.zip.

Paste it into your agent. It reads our install steps, finds the ZIP you downloaded and adds the skill for you.

New to skills? How to install a skill

Similar skills

All 735 skills

Who Personal Brand Landing Page is for

What you get

  • One HTML file with its CSS inside: no build step, no framework
  • A personal brand landing page in an editorial, magazine style
  • Checked at phone and desktop widths

Good fit

  • When a coach, author, speaker, consultant or creator needs a personal landing page for their offers and newsletter

Not for

  • An app with a backend, sign-in or a database
  • Copying another company's site

About this skill

You say

I need a personal website for my coaching business. Brief in brief.md.

It said back

The page is built in index.html, style.css and script.js in the project folder. It passes the skill's automated check (check/): no sideways scrolling, no text under 12px, alt text and names, contrast, focus styles, reduced motion and script errors. I looked at the 1440px screenshot and it reads well. I did not open the 390px and 768px screenshots myself.

The design is the editorial one: cream, plum and blush, Playfair Display headlines with italics, an arch-shaped portrait, and the phone menu. It has these sections:

  • Hero: "Change careers in your 40s or 50s, *and begin again, brilliantly*", with a Book a free 20-minute call button.
  • Featured in: a row for your two podcasts and the newspaper column.
  • Ways to work together: 1:1 coaching (£450 for 4 sessions), the Second Act programme (£299) and the free monthly webinar.
  • About: a short intro.
  • Closing block: book a free call.
  • Free webinar: an email form for the next date.
Show more

What it did in run 1

  1. ./brief.md
  2. personal-brand-landing-page
  3. cd .; ls -a; ls .claude/skills/personal-brand-landing-page/reference; cat .claude/skills/personal-brand-landing-page/reference/index.html; wc -l .claude/skills/personal-brand-landing-page/reference/*
  4. cd .; R=.claude/skills/personal-brand-landing-page/reference; cp $R/style.css $R/script.js .; python3 - <<'E' import re R='.claude/skills/personal-brand-landing-page/reference/index.html' s=open(R).read() def sub(a,b,c=1): global s assert a in s,a s=s.replace(a,b) sub('Claire Dubois: Leadership coach, author and speaker','Marcus Reid: Career coach for your second act') sub('content="Leadership coach, author and speaker"','content="Career coach in Birmingham for people changing careers in their 40s and 50s. Book a free 20-minute call."') sub('Claire Dubois home','Marcus Reid home') s=s.replace('Claire Dubois','Marcus Reid') sub('<li><a href="#features">Work with me</a></li><li><a href="#about">Book</a></li><li><a href="#cta">Newsletter</a></li></ul><a class="btn btn-primary btn-sm" href="#cta">Book a call</a>','<li><a href="#features">Work with me</a></li><li><a href="#about">About</a></li><li><a href="#cta">Free webinar</a></li></ul><a class="btn btn-primary btn-sm" href="#book">Book a free call</a>') sub('Leadership coach · author · speaker','Career coach · Birmingham') sub('Lead like yourself, <em>only braver</em>','Change careers at 45 and <em>begin again, brilliantly</em>') sub('I help first-time leaders find their own way to lead: honest, calm and kind, without copying the loudest person in the room.','I coach people in their 40s and 50s through a career change, with clear thinking, practical steps and someone in your corner.') sub('<a class="btn btn-primary" href="#features">Work with me','<a class="btn btn-primary" href="#book">Book a free 20-minute call') sub('Get the Sunday letter','Join the free webinar') sub('href="#cta">Join','href="#cta">Join') sub('As heard on','Featured in') s=re.sub(r'<ul><li>The Quiet Leader podcast.*?</ul>','<ul><li>[Podcast name]</li><li>[Podcast name]</li><li>[Newspaper] careers column</li></ul>',s,flags=re.S) sub('Six sessions over three months for new managers and founders.','Four sessions, £450. Personal, practical coaching around your next move.') sub('<h3>One-to-one coaching</h3>','<h3>1:1 coaching</h3>') sub('<h3>Speaking</h3><p>Keynotes and workshops on quiet confidence and honest feedback.','<h3>Second Act programme</h3><p>A group programme for people starting over together, £299.') sub('<h3>The course</h3><p>Braver Leader: eight weeks, small groups, real practice.','<h3>Free monthly webinar</h3><p>Join me online each month. No cost, no obligation.') # remove single quote section and cards section s=re.sub(r'<section class="sec quotes quotes-single".*?</section>\n','',s,flags=re.S) s=re.sub(r'<section class="sec quotes quotes-cards".*?</section>\n','',s,flags=re.S) sub('The book: <em>Only Braver</em>','Hello, I’m <em>Marcus</em>') sub('A short, practical book for people who were promoted for being good at their job and now have to lead others doing it.','I’m a career coach based in Birmingham, working with people who are changing careers in their 40s and 50s.') sub('Twelve chapters, each ending with one small thing to try on Monday.','[Add a short personal story or your coaching background here.]') sub('<a class="btn btn-primary" href="#cta">Read the first chapter','<a class="btn btn-primary" href="#book">Book a free call') sub('<section class="sec cta cta-band" id="cta" aria-labelledby="cta-h"><div class="wrap"><div class="cta-box reveal"><h2 id="cta-h">The <em>Sunday</em> letter</h2><p>One short letter on leading with courage, every Sunday. Read by 28,000 people.</p>', '<section class="sec cta cta-band" id="book" aria-labelledby="cta-h"><div class="wrap"><div class="cta-box reveal"><h2 id="cta-h">Let’s talk about <em>your next chapter</em></h2><p>Book a free 20-minute call. Or join the free monthly webinar: leave your email and I’ll send the next date.</p><p><a class="btn btn-ghost" href="mailto:hello@example.com">Book a free call</a></p>') sub('<section class="sec cta cta-band" id="book"','<section class="sec cta cta-band" id="book"') sub('placeholder="you@example.com"','placeholder="you@example.com"') sub('>Subscribe<','>Send me the date<') sub('id="cta-email"','id="cta-email"') sub('Leadership coach, author and speaker.','Career coaching for your second act, in Birmingham.') sub('<h2>Elsewhere</h2><ul><li><a href="#">Newsletter</a></li><li><a href="#">GitHub</a></li><li><a href="#">LinkedIn</a></li></ul>','<h2>Elsewhere</h2><ul><li><a href="#">LinkedIn</a></li></ul>') sub('<li><a href="#">Work</a></li><li><a href="#">About</a></li><li><a href="#">Writing</a></li>','<li><a href="#features">Work with me</a></li><li><a href="#about">About</a></li>') sub('<li><a href="#">Email</a></li><li><a href="#">Book a call</a></li>','<li><a href="mailto:hello@example.com">Email</a></li><li><a href="#book">Book a free call</a></li>') sub('Sample content for a reference design.','All rights reserved.') sub('<section class="sec cta cta-band" id="cta"','<section class="sec cta cta-band" id="cta"') if False else None open('index.html','w').write(s) E grep -n 'id="cta"\|id="book"' index.html | cut -c1-120
  5. cp .claude/skills/personal-brand-landing-page/reference/style.css .claude/skills/personal-brand-landing-page/reference/script.js . && echo ok
  6. ./.claude/skills/personal-brand-landing-page/reference/style.css
  7. ./.claude/skills/personal-brand-landing-page/reference/script.js
  8. ./script.js
  9. ./style.css
  10. ./index.html
  11. node .claude/skills/personal-brand-landing-page/scripts/check.mjs index.html --out check 2>&1 | tail -30
  12. ./check/1440.png
  13. Done

10 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 1 min 39 s · $0.35 of API use

Questions

Is Personal Brand Landing Page free?

No. Personal Brand Landing Page costs $9.99 once and stays in your Recaply account, or it comes with the Recaply plan ($19.99 a month), which opens every premium skill and prompt.

Which agents can use Personal Brand Landing Page?

Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

What do I get when I buy Personal Brand Landing Page?

A ZIP of the whole skill folder (39 KB): the SKILL.md your agent follows and its 6 other files, the references, templates and scripts it uses. You download it from this page whenever you need it, and install it in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. The Recaply plan opens it too, with every other premium skill and prompt.

How do I install Personal Brand Landing Page?

Buy it, then download the ZIP from this page. For Claude Code, unzip it into .claude/skills/ in your project. For Codex, Cursor and Gemini CLI, unzip it and run npx skills add ./personal-brand-landing-page with your agent's flag.

What do I get from Personal Brand Landing Page?

One HTML file with its CSS inside: no build step, no framework. A personal brand landing page in an editorial, magazine style. Checked at phone and desktop widths.

What does Personal Brand Landing Page need?

Node 20+ and Chrome, and no API key. Each use costs nothing beyond your agent.

How big is Personal Brand Landing Page?

7 files, about 28,189 tokens in all. The SKILL.md is about 2,490 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 1 min 39 s to 1 min 39 s and $0.35 to $0.35 of API use each, in Claude Code with claude-sonnet-5-5. On a Claude plan, a run counts toward your usage instead.

Do I have to name Personal Brand Landing Page to use it?

Type /personal-brand-landing-page first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.