landing-page-guide
Landing Page Guide - Nuxt Edition (v3.0)
Overview
Based on testing 300+ landing pages, high-converting pages follow proven patterns that double average conversion rates (9% → 20%+).
Critical Insight: Pages fail due to weak offers, not bad design. Strong offer + clear messaging + minimal friction + psychology = high conversion.
One Page, One Goal: Every element on the page should drive toward a single conversion action. If it doesn't serve that goal, remove it.
The 5 Customer Awareness Stages (Determines Your Messaging)
Match your messaging to where the visitor is in their journey — over-explaining to aware visitors bores them; under-explaining to unaware visitors confuses them.
- Completely Unaware → Problem education (longest copy needed)
- Problem Aware → Agitate the pain
- Solution Aware → Position why yours is best (most B2B traffic)
- Product Aware → Social proof + urgency
More from scalecommerce/skills
code-review
Analyze codebases for quality issues, security vulnerabilities, duplicate code, inconsistencies, and bad patterns. Use this skill whenever the user asks to review code quality, find code smells, detect duplicates, check for anti-patterns, audit a codebase, clean up code, find inconsistencies, run a security audit, check for vulnerabilities, or do any kind of static analysis or code health check. Also trigger when the user says things like 'review my code', 'find problems in my codebase', 'what should I refactor', 'is this code any good', 'check for bad patterns', 'find duplicate code', 'code audit', 'tech debt review', 'security review', 'check for vulnerabilities', 'is this code secure', or 'find security issues'. This skill should be used even for casual requests like 'take a look at my project and tell me what's wrong' or 'anything I should fix in here'. Works across all languages and frameworks.
7frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
6nano-banana
Generate images using the OpenRouter API with the Nano Banana model (Gemini 3.1 Flash Image). Use this skill whenever the user asks to generate, create, or make an image, picture, illustration, photo, or visual using OpenRouter or Nano Banana. Also trigger when the user wants AI image generation and has an OpenRouter API key available, even if they don't mention "Nano Banana" by name — any request like "make me a picture of...", "generate an image of...", or "create a visual of..." should use this skill. Also trigger for image editing requests like "remove the background", "change the color", "add X to this image".
5update-claude-md
>
3