frontend-audit
Installation
SKILL.md
frontend-audit
A reusable design verification loop. The user only needs to:
- Drop goal PNGs into
design/ - Have a dev server running
That's it. The assistant — using this skill — handles every other piece, including authoring the region descriptors.
When to invoke
- The user shares a goal PNG and asks to match the UI to it ("match this design", "iterate on this mock", "make it look like the goal")
- The user calls out visual drift in a previous UI iteration ("the button is too white", "the leaves are too high")
- The user asks to "validate" or "check" that the implementation matches the design
Bootstrap — first use in a project
Check whether the current working directory has .frontend-audit.json: