What is 12ui-design?
12ui-design is a Claude Code mod by just-every that a Design workspace in Claude Code: see design options for a UI as images, select one, ask for more, ask for a change with a note and hand an option off to be built. Your agent runs the. It is listed under Agents & automation and has 2 GitHub stars.
| Type | Claude code mod |
|---|---|
| Author | just-every |
| Repository | just-every/12ui-plugin |
| Popularity | 2 GitHub stars |
| Category | Agents & automation |
| Security | Low risk (84/100) |
| Rank | #1,197 of 5,272 Claude Code mods; #110 in Agents & automation |
| License | MIT |
| Last commit | 2026-10-17 |
| Hooks | 2 events |
| Sees | mcp__plugin_12ui-design_12ui-workspace__design_slate_create|mcp__plugin_12ui-design_12ui-workspace__design_slate_show calls |
| Draws on | Pane, AbovePrompt |
Is 12ui-design safe to install?
12ui-design scores 84/100 on the MCPMods security check: Low risk. Things to review: sends data over the network. It passed 6 of 8 checks.
Mod footprints come from claude plugin validate, which lists every event a mod hooks and every API call it makes without running it.
| Check | Result |
|---|---|
| Sends data over the network | Review |
| Starts no processes | Pass |
| Writes no files or config | Pass |
| Doesn't read environment variables | Pass |
| Only sees the events it hooks | Pass |
| Drives Claude (model calls, prompts) | Note |
| Passes claude plugin validate | Pass |
| Has an open-source license | Pass |
API calls in its code
| Call | What it means |
|---|---|
$.clock.after | |
$.clock.now | |
$.fs.read | reads files |
$.http.fetch | network requests |
$.prompt.submit | drives Claude |
$.ui.blit | draws interface |
$.ui.invalidate | draws interface |
$.ui.log | draws interface |
$.ui.open | draws interface |
$.ui.panes | draws interface |
$.ui.resolve | draws interface |
$.ui.toast | draws interface |
How do I install 12ui-design?
- Check your Claude Code version. Mods need Claude Code 2.1.287 or later and are on by default.
claude --version
- Read its footprint. This lists every event it hooks and every API call it makes, without running it.
git clone https://github.com/just-every/12ui-plugin claude plugin validate ./12ui-plugin/.
- Install it. Run this in your terminal, then /reload-plugins in an open session.
claude plugin marketplace add just-every/12ui-plugin && claude plugin install 12ui-design@12ui-plugin
Or ask Claude to set it up
Paste this into Claude Code and it installs 12ui-design for you:
Install the "12ui-design" Claude Code mod from https://github.com/just-every/12ui-plugin. Run claude plugin validate on it first and show me what it can access before you enable it.