Agent skill · design visual · aiskillstore
landing-page-design
Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.
Why this skill is useful
Provides a structured, creative process for designing unique landing pages that incorporates emotional and aesthetic elements not typically covered in standard design practices.
What it needs
About 9k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Landing Page Design Overview Build landing pages that convert AND captivate. This skill combines conversion-focused structure with distinctive visual design to create pages that stand out in an AI-saturated world. The goal: pages worth $50-100 that you'd be proud to sell. MANDATORY: Vibe Discovery (Do This First) BEFORE writing any code, you MUST run the Vibe Discovery process. This isn't a lookup table - it's a creative prompt that generates a UNIQUE aesthetic direction every time. The goal: No two landing pages should look alike, even for similar products. --- The Vibe Discovery Process Ask the user these questions, then SYNTHESIZE a unique direction. Don't just map answers to presets. Step 1: Gather Context (Ask These) Q1: What's one real-world place or object this brand would be? Not "what industry" - an actual specific thing. A Tokyo convenience store at 2am. A grandmother's kitchen. A brutalist parking garage. A coral reef. The cockpit of a 747. A flea market in Marrakech. A 1970s recording studio. Q2: What's the ONE emotion someone should feel in the first 3 seconds? Pick ONE: Calm. Energized. Curious. Trusted. Delighted. Impressed. Rebellious. Nostalgic. Inspired. Amused. Sophisticated. Welcomed. Intrigued. Confident. Q3: Pick TWO unexpected influences to collide: Examples: "medical packaging + skateboard graphics", "spreadsheets + street art", "luxury hotel + punk zine", "NASA mission control + kindergarten", "Japanese convenience store + Victorian library" Q4: What should this page NEVER be mistaken for? Name 2-3 specific things to actively avoid. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/landing-page-design--b4ebc5