iblai-landing
Installation
SKILL.md
/iblai-landing
Build a high-converting landing page for your app. Uses a proven 12-section conversion framework based on 8,000+ pages and 4,000+ brands — not guesswork, not trends, not "good design." Structure.
Follow BRAND.md for colors, typography, spacing, and the Apple-inspired design language.
Component hierarchy (always prefer in this order):
- ibl.ai components (
@iblai/iblai-js) — use SDK components first - shadcn/ui — use for everything else (
npx shadcn@latest add <component>) - shadcn-space blocks — pre-built page sections (
npx shadcn@latest add @shadcn-space/<block>) - Custom components — only as a last resort
Do NOT write custom components when an ibl.ai, shadcn, or shadcn-space equivalent exists. Both ibl.ai and shadcn share the same Tailwind theme and render in ibl.ai brand colors automatically.