SkillShop
SkillShop › Skills › Web › Landing Page
Free · No sign-inv1.0.0– views

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.

Best for
Small businesses, indie hackers, event organizers
Time needed
~30 min to launch
Level
Beginner-friendly

Install it in 3 steps

No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.

Download ZIP directly

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".

  1. 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.

  1. 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.

  1. 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.

  1. 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).

  1. 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.

  1. Honesty check (input: HTML → output: revision notes)

Output spec

  • Single HTML file: all styles inline in `