Distinctive web interfaces, not generic layouts.
What it does
Guides the creation of distinctive web interfaces by establishing a coherent visual system before implementing components.
When to use it
Use when building or restyling web interfaces, improving their appearance, or defining a visual direction before implementation.
How to use it
It changes how the agent designs and implements web interfaces by requiring a design brief, fixed visual tokens, and screenshot-based verification.
What you provide
- An existing project
What you need · 5
The static HTML verification procedure uses Python 3 to render screenshots.
The static HTML verification procedure imports Playwright and launches its Chromium browser.
Access · 2
This skill
/tmp/desktop.png
Saves a desktop verification screenshot
/tmp/mobile.png
Saves a mobile verification screenshot