Turn reference designs into matching web pages.
What it does
Turns visual references into reusable design profiles and matching web interfaces.
When to use it
Use when asked to explain the design schema, analyze reference designs, or generate a design from a profile and content.
How to use it
Give it a schema request, reference designs, or a design profile plus content; it returns the schema, a structured profile, or an HTML implementation.
Latest review
What you need · 1
Requires Node.js; the measurement scripts specify version 18.17 or newer.
Access · 5
This skill
reference URLs
Read
Fetches reference pages and assets
npm
Execute
Installs color measurement dependencies
Three.js
Execute
Loads latest Three.js code