Claude Code mod

12ui-design

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 12ui command line once per request, which draws every option at once with your own Codex sign-in.

2 starsMemory & instructions mods Plugin marketplaceValidates on Claude Code 2.1.316 Source

Install

Inside Claude Code
/plugin marketplace add just-every/12ui-plugin
/plugin install 12ui-design@12ui-plugin

Mods install like plugins. Run /reload-plugins or start a new session to load it.

What it can access

Reach
L3Network: network, drives Claude, reads files, draws
Sees
mcp__plugin_12ui-design_12ui-workspace__design_slate_create|mcp__plugin_12ui-design_12ui-workspace__design_slate_show calls
Draws in
PaneAbovePrompt
Hooks
tool.callui.render

From a static scan of the mod's code by awesome-claude-code-mods. It shows what the code asks for, not a security review.

How Claude Code mods work

  • A mod is a plugin with a JavaScript or TypeScript module that runs inside Claude Code (version 2.1.287 or later). It can draw panes beside the transcript, a band above the prompt, buttons and toasts, restyle the spinner and tool rows, and watch or rewrite tool calls and prompts.
  • It installs like any plugin: add its marketplace with /plugin marketplace add owner/repo, then /plugin install name@marketplace.
  • Check what a mod can reach before installing: it runs with your permissions. Reach goes from drawing only, to reading files, to writing files or running processes, to the network. Run claude plugin validate on a clone to list its hooks and calls without running it.
  • Turn one off from the Installed tab in /plugin, or start Claude Code with --safe-mode to skip every customization for a session.
Claude Code docs

Details

Repository
just-every/12ui-plugin
Folder
.
Marketplace
12ui-plugin
Author
12ui
Type
Memory & instructions mods
Website
12ui.com
License
MIT
Last updated
31 October 2026
Listed in
awesome-claude-code-mods

FAQ

What is 12ui-design?

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 12ui command line once per request, which draws every option at once with your own Codex sign-in. It is a mod for Claude Code, from just-every/12ui-plugin on GitHub.

What can the 12ui-design mod access?

Its widest reach is "network" (network, drives Claude, reads files, draws). It sees mcp__plugin_12ui-design_12ui-workspace__design_slate_create|mcp__plugin_12ui-design_12ui-workspace__design_slate_show calls. It draws in Pane, AbovePrompt. Like any mod, it runs with your permissions.

How do I install 12ui-design?

Inside Claude Code (v2.1.287 or later), run /plugin marketplace add just-every/12ui-plugin and then /plugin install 12ui-design@12ui-plugin.

Is 12ui-design popular?

just-every/12ui-plugin has 2 GitHub stars and 0 forks, and is included in 1 curated Claude Code list. It was last updated on 31 October 2026.

More memory & instructions mods

dream-pass

101

ray-amjad/claude-code-mods

A dreaming pass over Claude's memory folder: merges duplicates, rewrites stale entries, removes dead ones and tidies MEMORY.md, with a backup and undo

Memory & instructions mods/plugin install

apk-fraicheur

2

DarkSawOktay/claude-mods

Android APK freshness: is the APK up to date with the code, build in progress and its duration, failures and out-of-memory caught at once, size, copy to another folder. For React Native / Expo / Gradle projects. French or English.

Memory & instructions mods

workflow-gates-rows

3

leeovery/portal

Draws the transcript rows of what the workflow-gates mod sends — an answer as the question it answered and the answer, a handoff's continuation as where the work went — and a compaction's note as one dim line, instead of Claude Code's framing.

Memory & instructions mods

auto-polish

2

mako-code/gobworks

Every prompt you type gets a quiet second read: without changing your words, a hidden note gives Claude the goal in one line, the likely scope, the project's checks to keep green, and what done means. Haiku only for vague prompts; See, Undo and Off in the band.

Memory & instructions mods/plugin install

ui-variants

3

DemeoStep/ui-variants

A live macOS picker window for Flutter UI variants: Claude writes the variants into a temporary app, and your choice, notes and revisions come back to the session

Memory & instructions mods/plugin install

code-kit

2

warrendeanlangeveldt/code-kit

Keeps AI coding agents inside your project's rules, from idea to merged code: spec design, lanes, layer rules, protected paths with an approval log, spec-check and design gates, proof-before-finish checks, dispatch, review, build status and CI verification, configured per project from its docs

Memory & instructions mods/plugin install

Browse the most popular Claude Code mods, all memory & instructions mods, or the skills and MCP server directories.