Startup Landing Skill
Category: SaaS / Startup Generates a high-conversion single-page startup landing: hero, features, social proof, pricing, and CTA. The goal is to communicate value in 30 seconds and get the email.
Metadata
Name: startup-landing Description: Single-page startup landing page: hero, features, social proof, pricing, and CTA. Trigger Keywords: "startup landing", "marketing page", "product launch", "SaaS landing", "landing page"
Inputs & Parameters
| Parameter | Type | Required | Default |
|---|---|---|---|
product_name | string | ✓ | — |
tagline | string | ✓ | — |
description | string | ✓ | — |
has_pricing | boolean | ✓ | true |
has_testimonials | boolean | — | true |
proof_count | integer | — | 4 |
pricing_tiers | array | — | [3 default tiers] |
primary_color | string | — | DESIGN.md accent |
Pricing tier:
{ name: string; price: string; period: string; features: string[]; cta: string; highlighted?: boolean }
Required Sections (in order)
- Navigation — Logo + nav links + "Get Started" CTA button
- Hero — Product name, tagline, description, dual CTAs (primary: "Get Started Free", secondary: "See Demo"), optional product screenshot/mockup
- Social Proof Strip — Logo row (greyscale, max 6)
- Features — 3-column grid, icon + title + description each
- How It Works — 3-step horizontal flow with numbered steps
- Pricing — 3 tier cards (Starter / Pro / Enterprise)
- Testimonials — 2-3 quotes with name, role, company, avatar
- CTA Band — Dark section: headline + email input + button
- Footer — Links + copyright
Design Rules
- Mobile-first responsive
- All CTAs must have working href or form action
- Pricing cards: highlighted card has distinct border + shadow
- Testimonial avatars: use
https://i.pravatar.cc/60?img=[n]for consistent placeholders - No external JS
- All CSS inline in
<style>block - No invented colors — use DESIGN.md tokens only
Output
Single file: index.html (self-contained)
Self-Check
- No lorem ipsum anywhere
- At least 4 features listed
- Pricing tiers are consistent in height
- All CTAs are clearly labeled and styled
- Mobile: collapses to single column
- Email input in CTA band has
type="email"andrequired