Landing Page
One file is a whole product site — gorgeous on phones too
A single-file HTML marketing landing page: hero, pain points, solution, features, pricing, testimonials, FAQ, CTA. Zero dependencies, works offline.
Install it in 3 steps
No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.
Prefer doing it yourself? Download the ZIP, unzip it into the directory shown above, restart your AI session — same result.
What’s inside
One SKILL.md (the playbook) + one starter template. A preview:
Marketing 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
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".
- Distill the pitch (input: product description → output: selling-point list)
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.
- Lock the structure (input: selling-point list → output: 8-section outline)
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.
- Write the copy (input: outline → output: section-by-section copy)
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.
- Generate the page (input: copy → output: single HTML file)
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).
- Mobile self-check (input: HTML → output: checklist)
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.
- Honesty check (input: HTML → output: revision notes)
Output spec
- Single HTML file: all styles inline in `