Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →aiskillstore/landing-page-design
Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading.
Passed 21 of 22 test cases with the skill, and 13 of 22 without it.
and 5 more in the full report
8 fixed13 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
A client provided a brief prompt: 'Build me a landing page for a coffee subscription service.' We need to run a fast visual discovery before generating styling. What are the three minimal questions we must ask them?
| Checked | Without skill | With skill |
|---|---|---|
| Asks for a real-world reference, dominant emotion, and visual anti-pattern. | Missed | Passed |
The instructions your model reads when the skill loads.
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.
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.
Ask the user these questions, then SYNTHESIZE a unique direction. Don't just map answers to presets.
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. "A crypto project", "A wellness app", "Something made by a bank", "Anything with purple gradients"
Based on the answers, CREATE a unique vibe by deciding:
COLOR INVENTION (Don't use memorized palettes - derive from the place/object)
test cases passed, vs 13 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.