landing-pageBuild high-converting landing pages with proven structure, persuasive copy, and conversion optimization.
Install via ClawdBot CLI:
clawdbot install ivangdavila/landing-pageActivate on: "create landing page", "write landing copy", "improve conversion", "page not converting", "hero section help".
Every landing page follows the same spine:
| Section | Purpose | Height |
|---------|---------|--------|
| Hero | Hook + CTA | 100vh |
| Problem | Agitate pain | Short |
| Solution | Your answer | Medium |
| Benefits | What they get | Medium |
| Social proof | Trust signals | Variable |
| CTA | Convert | Compact |
See sections.md for detailed requirements per section.
[Headline: Outcome they want]
[Subhead: How you deliver it]
[CTA button] [Secondary action]
[Visual: Product/result]
Headline test: Would they screenshot and send to a friend?
See copy.md for formulas and examples by page type.
Before launch:
See optimization.md for A/B testing and analytics setup.
Stop and fix:
Different goals need different emphasis:
| Type | Lead with | CTA |
|------|-----------|-----|
| SaaS | Demo/trial | Start free |
| eCommerce | Product + offer | Buy now |
| Lead gen | Value prop + form | Get [resource] |
| Event | Date + speakers | Register |
See templates.md for page-type specific structures.
AI Usage Analysis
Analysis is being generated… refresh in a few seconds.
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Build scalable, themable Tailwind CSS component libraries using CVA for variants, compound components, design tokens, dark mode, and responsive grids.
Create award-winning, memorable websites with advanced animations, creative interactions, and distinctive visual experiences. Use this skill when building sites that need to be exceptional—portfolio sites, agency showcases, product launches, or any project where "wow factor" matters.
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.
Create logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.