ui-craft plugin
Design engineering skill + system for AI coding agents: anti-slop UI rules, outcome recipes, spec-driven design (/sddesign), design-review + a11y agents, and MCP quality gates.
How to install the ui-craft plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add educlopez/ui-craft
/plugin install ui-craft@ui-craftWhat's inside ui-craft
33 parts read from the plugin's own files.
Commands 25
Run as /ui-craft:name- /ui-craft:adapt
No description in the file.
- /ui-craft:animate
No description in the file.
- /ui-craft:audit
No description in the file.
- /ui-craft:bolder
No description in the file.
- /ui-craft:brief
No description in the file.
- /ui-craft:clarify
No description in the file.
- /ui-craft:colorize
No description in the file.
- /ui-craft:craft
No description in the file.
- /ui-craft:critique
No description in the file.
- /ui-craft:delight
No description in the file.
- /ui-craft:distill
No description in the file.
- /ui-craft:extract
No description in the file.
- /ui-craft:finalize
No description in the file.
- /ui-craft:harden
No description in the file.
- /ui-craft:heuristic
No description in the file.
- /ui-craft:polish
No description in the file.
- /ui-craft:quieter
No description in the file.
- /ui-craft:redesign
No description in the file.
- /ui-craft:remember
No description in the file.
- /ui-craft:sddesign
No description in the file.
- /ui-craft:shape
No description in the file.
- /ui-craft:start
No description in the file.
- /ui-craft:tokens
No description in the file.
- /ui-craft:typeset
No description in the file.
- /ui-craft:unhappy
No description in the file.
Agents 2
Call as @agent-ui-craft:name- @agent-ui-craft:a11y-auditor
No description in the file.
- @agent-ui-craft:design-reviewer
No description in the file.
Skills 4
Claude loads it when the task matches- ui-craft
Enables design engineers to implement high-quality, non-generic user interfaces through structured discovery, design tokens, and specific refinement passes.
- ui-craft-dense-dashboard
Builds data-heavy, operator-focused interfaces like admin panels and analytics dashboards using a high-density, keyboard-first design system.
- ui-craft-editorial
Builds and polishes high-refinement, content-heavy user interfaces for magazines, blogs, and long-form reading experiences.
- ui-craft-minimal
Generates minimal, clean, and whitespace-heavy user interfaces inspired by Linear, Notion, and Vercel.
Hooks 1
Runs on these events- hooks
No description in the file.
MCP servers 1
Starts with the plugin- mcp
No description in the file.
Using ui-craft in Claude Code
Type a command in a Claude Code session:
/ui-craft:adapt
/ui-craft:animate
/ui-craft:auditAsk for an agent by name:
@agent-ui-craft:a11y-auditor
@agent-ui-craft:design-reviewerSkills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update ui-craft@ui-craft
- Refresh the marketplace
- /plugin marketplace update ui-craft
- Turn it off for now
- /plugin disable ui-craft@ui-craft
- Remove it
- /plugin uninstall ui-craft@ui-craft
Skills in ui-craft
- ui-crafteduclopez/ui-craft
Enables design engineers to implement high-quality, non-generic user interfaces through structured discovery, design tokens, and specific refinement passes.
35 files452stars - ui-craft-dense-dashboardeduclopez/ui-craft
Builds data-heavy, operator-focused interfaces like admin panels and analytics dashboards using a high-density, keyboard-first design system.
452stars - ui-craft-editorialeduclopez/ui-craft
Builds and polishes high-refinement, content-heavy user interfaces for magazines, blogs, and long-form reading experiences.
452stars - ui-craft-minimaleduclopez/ui-craft
Generates minimal, clean, and whitespace-heavy user interfaces inspired by Linear, Notion, and Vercel.
452stars
ui-craft plugin questions
How do I install the ui-craft plugin?
In Claude Code run /plugin marketplace add educlopez/ui-craft, then /plugin install ui-craft@ui-craft.
What does the ui-craft plugin include?
ui-craft bundles 25 commands, 2 agents, 4 skills, hooks, MCP servers.
What commands does the ui-craft plugin add?
It adds /ui-craft:adapt, /ui-craft:animate, /ui-craft:audit, /ui-craft:bolder, /ui-craft:brief, /ui-craft:clarify +19. Run them in Claude Code with the plugin prefix, for example /ui-craft:adapt.
Which agents come with ui-craft?
a11y-auditor, design-reviewer. Call one with @agent-ui-craft:a11y-auditor.
How do I update or remove the ui-craft plugin?
Update it with claude plugin update ui-craft@ui-craft in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall ui-craft@ui-craft.