跳到正文
ccmods.app

12ui-design

v0.2.128

打开 Design 工作区 pane,以图片展示 app 或网站的设计方案,可挑选、修改、分支并交付实现。

作者 @just-every2更新于 广泛访问GitHub

安装

  1. 在终端执行(提示添加 marketplace 时输入 y)

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

已在会话中?在 Claude Code 输入框里输入:

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

选择作用域后立即生效。需要 Claude Code 2.1.287 或更高版本,在终端执行。完整安装指南

12ui-design 能做什么?

  • pane 以图片展示生成的设计方案,每个完成即加入
  • 按钮支持更多方案、生成相似方案、带备注修改、简化和重画
  • Build this 把选定方案交给 Claude 实现
  • Sketches 标签可上传自己的 JPEG、PNG 或 WebP 草图(不超过 300 KiB)
  • 终端过窄放不下 pane 时,在 prompt 上方显示 Open 入口

需要什么?

  • Claude Code 2.1.287 或更高版本(终端)
  • Node.js
  • 同一台电脑上已用 ChatGPT 登录 Codex
  • 可访问 design.12ui.com

这个 mod 能访问什么?

以下内容由 claude plugin validate 在 Claude Code 2.1.296 上读取 mod 代码得出(同步于 2026年10月12日)。这是能力清单,不是安全审计;mod 以你的权限运行,请只安装可信作者的 mod。

广泛访问
  • 发起网络请求
  • 代你提交提示词或消息
  • 拦截或改写工具调用
  • 读取文件
Hook 与接口调用 (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

怎样卸载 12ui-design?

$ claude plugin uninstall 12ui-design

只想暂时关闭:claude plugin disable 加同一个名称。

你是 12ui-design 的作者?

把这个徽章加到 README,用户可以直接跳到本页查看安装命令和访问能力报告。

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

lightning

Lightning-AI/skills

9

Lightning AI 的 skill 合集,覆盖 GPU Studio、任务、部署和沙箱,并在 prompt 上方显示任务实时进度条。

界面提示词工具调用广泛访问
$ claude plugin install lightning --marketplace Lightning-AI/skills

constellation

ShiftinBits/constellation-claude

2

把 Claude Code 接入 Constellation 代码图谱:影响、依赖、死代码命令,/constellation pane 和搜索提醒。

界面提示词工具调用广泛访问
$ claude plugin install constellation --marketplace ShiftinBits/constellation-claude

sn

tehubersheezy/servicenow-cli

11

让 Claude 调用 sn ServiceNow 命令行,并在侧边 pane 列出每次 sn table 调用的状态、记录数和浏览器打开按钮。

界面工具调用命令广泛访问
$ claude plugin install sn --marketplace tehubersheezy/servicenow-cli