Turn a screenshot into accessible, themed UI code.
What it does
Rebuilds a visual reference as accessible UI code with a shared token theme and checks against the original design.
When to use it
Use when the user provides a design or screenshot and wants matching UI code.
How to use it
Give it a reference image, screenshot, or mockup; it builds token-driven UI code and verifies its design language against the reference.
What you provide
- Your files
What you need · 4
Requires the surrounding kit, including its tokens directory; if only the skill folders are installed, it directs the user to install the kit and stops.
Uses Python for the kit's scripts, including contrast validation and hardcoded-value checks.
Requires Node.js to run the kit's render-measurement script during verification.
Directs token-theme construction to the design-tokens skill; whether it must be installed separately is unstated.
Access · 0
No additional actions listed.