premium-landing

Premium Landing Page Generator

Generate premium $5k+ quality SaaS landing pages using the Define → Build → Review → Refine framework.

Usage

/premium-landing [phase] [options]

Phases

1. /premium-landing define - Create context artifacts (brief, mood boards, specs)
2. /premium-landing setup - Generate style guide, PRD, and tasks
3. /premium-landing build [section] - Build a specific section
4. /premium-landing review - Audit current implementation
5. /premium-landing refine [section] - Iterate on a section

---

Phase 1: Define

When invoked with define, guide the user through creating:

1. Project Brief

Ask for:

• What are you building?
• Who is your target audience?
• What are the goals of this landing page?
• What sections should it have?

Create: docs/project-brief.md

2. Content Files

For each section identified:

• Ask for headline, subheadline, CTAs, body copy
• Create: docs/sections/[section-name]-content.md

3. General Vibe Mood Board

Ask for:

• Light or dark theme? Why?
• What colors resonate with your audience?
• What feeling should the site evoke?
• Any inspiration sites?

Create: docs/general-vibe.md

4. Section-Specific Mood Boards

For each section:

• Ask for layout preferences
• Component library preferences (shadcn, 21st.dev)
• Animation requirements
• 3D elements if any

Create: docs/sections/[section-name]-specs.md

---

Phase 2: Setup

When invoked with setup:

Generate Style Guide

Read all mood boards and brief, then create:

• Color palette with usage guidance
• Typography scale
• Spacing system
• Component patterns
• Animation guidelines

Create: docs/style-guide.md

Generate PRD

Extract from section specs:

• Tech stack needed
• Dependencies required
• File structure
• Performance requirements

Create: docs/prd.md

Generate Tasks

Based on PRD and sections:

• Phase 1: Project setup
• Phase 2: Core components
• Phase 3: Per-section build tasks
• Phase 4: Polish
• Phase 5: Launch