What problem does it solve?
This Skill prevents confusing, ungrounded landing-page iterations by ensuring your prototype follows an approved design system, includes SEO and analytics scaffolding, and follows a review-and-approval lifecycle with evidence before handoff.
Core Features & Use Cases
- Native HTML/CSS/JS landing prototypes: Generate a production-like page layout using approved design-system tokens and components.
- Landing-specific SEO + structured data: Add canonical URLs, Open Graph/Twitter metadata, and JSON-LD structured data from the start.
- Analytics + conversion instrumentation: Attach
data-analytics-event hooks to hero/primary/footer CTAs and key milestones.
- Preview feedback + evidence-gated approval: Require a preview feedback overlay and gate creative claims behind local artifact evidence.
- Design-system preflight + anti-slop enforcement: Enforce design-intelligence checks and fail closed when required evidence is missing.
Quick Start
Ask your AI tool to generate a landing-page prototype using your approved design system and include SEO and analytics scaffolding for review.