building-ui
About building-ui
Design and change UI through an interactive shell. Turn a spec and a low-fidelity sketch, or an existing component, into a high-fidelity mock.html in the project's own style, iterate on it with the user, then implement it. Alternatively, open the shell over the running app so the user can inspect, comment on and restyle real elements, with changes going straight into code and tests. Use when the user invokes /building-ui, asks to mock up a new component or UI element from a sketch, change a component through a mock, implement an approved mock, or review or change the UI of the running app.
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/building-uiin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
app.mdimplement.mdmock.mdREADME.mdreview.mdassets/mock.template.htmlshell.jsscripts/app.test.mjsnotes.mjsnotes.test.mjsproject.mjsproject.test.mjsserve.mjsserve.test.mjs