Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add weiyi88/cc-code --skill plan-uiuxgit clone --depth 1 https://github.com/weiyi88/cc-codeWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/weiyi88/cc-code/plan-uiux)<a href="https://agentmods.dev/skills/weiyi88/cc-code/plan-uiux"><img src="https://agentmods.dev/badge/skills/weiyi88/cc-code/plan-uiux/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/weiyi88/cc-code/plan-uiux"><img src="https://agentmods.dev/badge/skills/weiyi88/cc-code/plan-uiux.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00043 | $0.05875 |
| Opus 5.5 | $0.00017 | $0.02350 |
| Sonnet 5.5 | $0.00009 | $0.01175 |
| Haiku 4.5 | $0.00004 | $0.00588 |
Grade A, and why
plan-uiux scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 264 lines — stays where its author put it; the contents beside it link to each section on GitHub.
/cc-code:plan-uiux — 风格定稿与改版编排器（两种模式，一个视觉门）
定位：出「设计规格 + 风格样板板」，不是画原型、不是写项目代码。 本命令由主控编排、
uiuxagent 执行；主控只传话，不写design.md、不写.cc_code/design/、不做任何设计判断。 唯一视觉门：主人说「定了」。 没有「定了」就不锁定、不进入实现；「定了」之后按模式固定分流（模式一 →agent-mvp的视觉地基；模式二 →agent-uiux）。 规则唯一出处：视觉规则、规则号与锁定前自检组 =skills/cc-code/references/ui-gates.md；形态、默认栈、家族、三旋钮、灵感配额、原话翻译 =skills/cc-code/references/frontend-forms.md；design.md章节结构 =templates/design.md（生成项目里的.cc_code/active/design.md）。本命令只写编排纪律，⛔ 不复述规则内容。
一、定位
| 项 | 说明 |
|---|---|
| 解决什么 | 把「这个项目长什么样」定成可判的规格：全项目一份 design.md + 一套看得见的风格样板板 |
| 不解决什么 | 业务逻辑与页面清单（plan-mvp / plan-feature 管）、项目代码与主题生成（agent-mvp / agent-uiux 管）、验收判词（qa 管） |
| 前置 | 有前端；ux.md 已有前端形态表与页面清单（plan-mvp / plan-feature 由 uiux 落盘）；project.md §一.1 已登记前端组件库家族与主题入口（缺失 → 停下交回主控，先由 architect 补，⛔ 不猜家族） |
| 产出 | .cc_code/active/design.md（§0 状态行 + §一~§十一 + 附录）+ .cc_code/design/ 下的方向卡、风格样板板与样板板截图 |
| 配对 | 模式一 → /cc-code:agent-mvp（首阶段视觉地基）；模式二 → /cc-code:agent-uiux |
| 出场 | 只在 plan-mvp / plan-feature / 本命令；⛔ 不出现在任何 agent-* 命令里 |
二、两种模式与入口分流
入口（主控只读 status 的「风格：」行与坐标，不读 ux.md / design.md 内容）
├─「无前端」─────────────────────────────────► 不跑本命令（design.md 已写「不适用（无前端）」）
├─「未锁」/「未锁（冷启动豁免）」──────────────► 模式一 定风格
├─「已锁」，主人要改长相 / qa 体检出问题 ─────► 模式二 改版
├─「已定未实现」──────────────────────────────► 不重复定风格：走 /cc-code:agent-uiux
└─ 该行缺失 ──────────────────────────────────► 先派 uiux 按 design.md §0 补齐 status 行，再按上面重判
| 模式 | 什么时候用 | 谁先动 | 结束状态 | 接下来 |
|---|---|---|---|---|
| 模式一 定风格 | 项目还没有锁定的设计规格 | uiux | design.md = 已锁定（写日期） |
agent-mvp 首阶段视觉地基 |
| 模式二 改版 | 已锁定，主人要改长相，或 qa 现状体检出问题 | qa 出体检报告 | design.md = 改版待实现（写本次范围） |
agent-uiux |
模式由
status.md「风格：」决定，⛔ 不靠主控猜、不靠对话记忆；它与design.md§0 的一一对应关系单一出处 =templates/design.md§0.2，本命令不复述。主控 ⛔ 不读design.md数值内容。
三、与 ux.md 的分工（SSOT，零重叠）
ux.md（行为 + 布局半边，uiux 写） design.md（风格与长相，uiux 写）
─────────────────────────────── ─────────────────────────────
前端形态表（按端一行） 色彩 / 字体与排版
页面清单 / ASCII 布局原型 间距与栅格 / 形状与深度
可交互元素 testid / 交互五态 动效 / 图标与图像 / 组件长相
断点布局变化 / 跨页流转 各端主题映射 / 页面构图
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- today Changed · +2 lines 9ce7d15f2d44
- yesterday Changed · +157 lines · +16 tokens per session f418fcaff529
- 3d ago Changed · +24 lines c51f83ab89ca
- 1mo ago Changed · -187 tokens per session ba9c1d94faf6
- 1mo ago First seen · 81 lines · 214 tokens per session scan A 371dc717da46
plan-uiux is a skill published in the GitHub repository weiyi88/cc-code (5 stars, last pushed today), licensed MIT. It adds 43 tokens to every session and 5,875 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-13.
Other skills, from other repositories
glassmorphism
Glassmorphism design system skill. Use when building frosted-glass UI components with blur, transparency, and layered depth effects.
liquid-glass
Apple Liquid Glass design system. Use when building UI with translucent, depth-aware glass morphism following Apple's design language. Provides CSS tokens, component patterns, dark/light mode, and animation specs.
frontend-design
Frontend design skill fused from Impeccable + custom extensions. Covers design philosophy, anti-AI-slop patterns, typography, color (OKLCH), spatial design, motion, interaction, responsive, UX writing, state management, engineering, and 4 style variants. Includes 20 command skills for audit/critique/polish/animate/etc.
adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.
extract
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens.
normalize
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.