Landing Page System
A complete single-file landing page with a conversion structure and a shared visual system, checked by a rendered-page audit before delivery.
Turn a product brief into a complete single-file landing page with a conversion structure, a shared visual system and a scroll-lit tagline, then run a rendered-page audit that flags weak structure, contrast, overflow and motion problems before delivery.
How it works
Write the page strategy: promise, proof, objections and one call to action
Build from the bundled system.css and motion.js tokens and components
Run scripts/audit.mjs on the rendered page and fix every error and warning
Frequently asked questions
What does the audit check?
It opens the rendered page in Chrome at desktop and phone sizes and checks section structure, a single primary action, contrast, horizontal overflow, tap target sizes, image alt text and reduced-motion handling. A deliberately broken page in our tests triggered 18 rule groups; both examples pass with 0 errors and 0 warnings.
Does it need a model key?
No. The Skill is instructions plus a CSS/JS system and a local audit script. It needs Node.js and Chrome to run the audit.
Are the examples real products?
No. Pocketkiln and Shiftnote are fictional, written for this Skill; their figures are made up.