Video
![]()
![]()
Editorial hero for a report




An editorial personal brand page: a big serif name beside a portrait, offers, featured-in names, quotes and newsletter.
$9.99once, yours to keep
Payments are non-refundable. See our Terms of service.
Yours. Download it, then add it to your agent.
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
Video
![]()
![]()
Editorial hero for a report
Video1 view, 0 downloads
![]()
![]()
Lavender page for an AI app
Video
![]()
![]()
Product page for headphones
Video
![]()
![]()
Page with a node-flow hero
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:
What it did in run 1
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.
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.
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.
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.
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.
Node 20+ and Chrome, and no API key. Each use costs nothing beyond your agent.
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.
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.
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.