draft-landing

Featured

Use when asked to structure a landing page, design page layout for conversion, or plan landing page information architecture. Examples: "landing page structure for SaaS", "conversion-optimized layout"

AI & Automation 2,359 stars 334 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# draft-landing — Landing Page Information Architecture Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose. ## When to use User needs a landing page structure, section order, or conversion-optimized layout. Product type is known or discoverable. ## Workflow 1. **Identify product type** from user request or project context 2. **Search landing page patterns:** ```bash python3 -m draft_agent.uiux search --domain landing --query "{product_type}" --limit 3 ``` 3. **Search product reasoning for audience + conversion context:** ```bash python3 -m draft_agent.uiux search --domain product --query "{product_type}" --limit 3 ``` 4. **Validate each section** against the "so what?" test — every section must earn its place 5. **Output** section order with CTA placement markers ## Output format ``` ┌─ Landing Page IA — {product_type} ──────────────────────────────────┐ │ # │ Section │ Purpose │ CTA? │ ├────┼────────────────────┼────────────────────────────┼───────────────┤ │ 1 │ {section_name} │ {purpose} │ Primary CTA │ │ 2 │ {section_name} │ {purpose} │ — │ │ 3 │ {section_name} │ {purpose} │ Secondary CTA │ │ … │ … │ … │ … │ └────┴────────────────────┴────────────────────────────┴───────────────┘ C...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
8 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category