Write down how UI is built here
Free engine skill that creates or updates your repo's DESIGN.md plus a portable frontend-design skill. It documents the design language that exists, or proposes one with your approval — it never restyles existing UI.
Install
Install commandFree — no account needed
$ npx skills add https://www.aisdkagents.com/skill/design-md --skill design-mdRun it in your terminal, then restart your AI coding tool so it can discover the skill.
Outcomes
Classifies before writing
Audits the repo first, then picks a mode: document an existing design language, merge with existing design docs, or propose a new direction.
DESIGN.md from evidence
The contract cites real files and design tokens. It is downstream of the code, so agents build UI that matches what actually ships.
Portable frontend-design skill
Ships craft doctrine — typography, surfaces, motion — into your repo's skills directory, applicable to any project.
Never restyles your UI
New directions require your approval, and existing UI is never rewritten to match a doc. The doc describes; it does not dictate.
When to run this engine
Works standalone or dispatched by the setup skill. If a skills-config.md records a settled direction, it never re-asks.
Agents produce UI that ignores your tokens, spacing, and typography conventions.
A design system that exists in code but nowhere in writing.
Scattered design docs that should merge into one canonical contract.
A fresh project that needs a settled aesthetic direction before UI work starts.
Other free skills in the setup kit
Setup runs the interview, then dispatches to the engines