Skip to content
ccmods.app

12ui-design

v0.2.128

Opens a Design workspace pane with image design options for an app or site; pick, edit, branch and hand one off to build.

by @just-every2Updated Broad accessGitHub

Installation

  1. Install from your shell (answer y to add the marketplace)

    $ claude plugin install 12ui-design --marketplace just-every/12ui-plugin

Already in a session? Type this at the Claude Code prompt:

$ /plugin install 12ui-design --marketplace just-every/12ui-plugin

Pick a scope and the mod is active right away. Needs Claude Code 2.1.287 or later, in a terminal. Full install guide

What does 12ui-design do?

  • Pane shows generated design options as images, added as each finishes
  • Buttons for more options, more like an option, edit with a note, simplify and retry
  • Build this hands the chosen option to Claude to implement
  • Sketches tab uploads your own JPEG, PNG or WebP sketch (up to 300 KiB)
  • Shows an Open line above the prompt when the terminal is too narrow for the pane

What do you need?

  • Claude Code 2.1.287 or later (terminal)
  • Node.js
  • Codex signed in with ChatGPT on the same computer
  • Network access to design.12ui.com

What can this mod access?

Read from the mod's code with claude plugin validate on Claude Code 2.1.296, synced Oct 12, 2026. This is a capability list, not a security audit. Mods run with your permissions, so install only from authors you trust.

Broad access
  • Makes network requests
  • Submits prompts or messages for you
  • Intercepts or rewrites tool calls
  • Reads files
Hooks and engine calls (3 + 12)

hooks

  • tool.call{tool=mcp__plugin_12ui-design_12ui-workspace__design_slate_create|mcp__plugin_12ui-design_12ui-workspace__design_slate_show}
  • ui.render{component=AbovePrompt}
  • ui.render{component=Pane}

calls

  • $.clock.after
  • $.clock.now
  • $.fs.read
  • $.http.fetch
  • $.prompt.submit
  • $.ui.blit
  • $.ui.invalidate
  • $.ui.log
  • $.ui.open
  • $.ui.panes
  • $.ui.resolve
  • $.ui.toast

How do you uninstall 12ui-design?

$ claude plugin uninstall 12ui-design

To switch it off without removing it, use claude plugin disable with the same name.

Do you maintain 12ui-design?

Add this badge to your README so users can jump to this page for the install command and access report.

Listed on ccmods.app
[![Listed on ccmods.app](https://ccmods.app/badge.svg)](https://ccmods.app/mods/12ui-design)

Related mods

lightning

Lightning-AI/skills

9

Lightning AI skills for GPU Studios, jobs, deployments and sandboxes, with live job progress bars above the prompt.

UIPromptToolsBroad access
$ claude plugin install lightning --marketplace Lightning-AI/skills

constellation

ShiftinBits/constellation-claude

2

Connects Claude Code to Constellation's code graph: impact, dependency and dead-code commands, a /constellation pane and search nudges.

UIPromptToolsBroad access
$ claude plugin install constellation --marketplace ShiftinBits/constellation-claude

sn

tehubersheezy/servicenow-cli

11

Lets Claude run the sn ServiceNow CLI and lists each sn table call in a side pane with status, record counts and an Open-in-browser button.

UIToolsCommandsBroad access
$ claude plugin install sn --marketplace tehubersheezy/servicenow-cli