shadcn-vite-iconify-landing-page
Installation
SKILL.md
Shadcn + Vite landing pages that convert (with Iconify)
Quick start
- Identify the single primary conversion action (the one CTA that matters).
- Draft the page using the anatomy below.
- Nail above-the-fold first (title, subheadline, visual, proof, CTA).
- Use below-the-fold to remove doubt (features, proof, FAQ, repeat CTA).
- Implement in shadcn + Tailwind with a distinctive, intentional aesthetic.
If the user provides an existing page, run the same checklist as an audit and propose specific fixes and A/B tests.
Default stack and rules
Default stack:
- React + Vite + TypeScript
- Tailwind CSS (prefer v4)
- shadcn/ui components (added via CLI, then customized)
- Iconify icons (no lucide-react)