What’s inside

One SKILL.md (the playbook) + one starter template. A preview:

Landing Page

When to use

• A new product/service is launching and you need a shareable link that looks great on phones
• You're running an event, course, or signup and need a single page that explains the offer and collects leads
• A small business (B&B, café, studio) needs a more polished front door than a social feed
• Before sending a proposal, send a link so the other party understands who you are in 3 minutes
• No full website, no frameworks — just one file that opens with a double-click

Workflow

1. Distill the pitch (input: product description → output: selling-point list)
   Ask 4 things: ① what the product is in one sentence ② who the target user is ③ how it beats competitors (max 3 points) ④ what you want visitors to do after reading (message us / fill in a form / place an order / call). Selling points must be concrete — no unverifiable fluff like "premium quality" or "the ultimate experience".
2. Lock the structure (input: selling-point list → output: 8-section outline)
   Lay out per the 8-section output spec: for each section write its goal (one sentence), what content goes in, and what image/button it pairs with. The CTA must appear at least 3 times on the page (hero, mid-page, closing), with copy tweaked slightly to fit each context.
3. Write the copy (input: outline → output: section-by-section copy)
   Plain-language standard: headlines ≤15 chars, readable aloud in one breath; open the pain-point section with "Sound familiar?…" and 3 concrete scenarios; in the features section each item = "feature name + one-line benefit"; write 5 FAQ questions users would actually ask (price, support, how to get started…) — no softball questions that only exist to brag.
4. Generate the page (input: copy → output: single HTML file)
   Build on the template.html skeleton: swap in the copy, adjust the palette (warm paper is the default, or match the brand color), fill in real contact details. All styles inline, zero external dependencies — one file, double-click to open.
5. Mobile self-check (input: HTML → output: checklist)
   Verify each item: ① the headline + CTA are visible on a phone without scrolling ② buttons are easy to tap with a finger (height ≥44px) ③ images have alt text ④ no horizontal scrollbar ⑤ zero external requests (opens offline).
6. Honesty check (input: HTML → output: revision notes)
   Check: does the price say "starting at / what's included"; do testimonials have real sources (never invent reviews); do outcome promises leave room ("helps" not "guarantees"). Fix copy directly when something's off — no settling.

Output spec

Template preview

Your Product Name — One-Line Pitch /* ===== Colors (warm paper look): to rebrand, just edit these 4 variables ===== */ :root{ --paper:#faf6ef; /* paper background */ --ink:#3a2e24; /* dark-brown body text */ --accent:#c2703d; /* ochre accent: buttons, prices, keywords */ --card:#fffdf8; /* card background */ --line:#e8dcc8; /* divider lines */ } *{margin:0;padding:0;box-sizing:border-box} body{ background:var(--paper); color:var(--ink); /* System font stack: zero external dependencies, works offline */ font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; line-height:1.7; } .wrap{max-width:720px;margin:0 auto;padding:0 20px}

Buy the full skill pack — $4.99 Pro — all 471 skills