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 agentmods add commands/xiaobei930/cc-best/designergit clone --depth 1 https://github.com/xiaobei930/cc-bestWrote 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/commands/xiaobei930/cc-best/designer)<a href="https://agentmods.dev/commands/xiaobei930/cc-best/designer"><img src="https://agentmods.dev/badge/commands/xiaobei930/cc-best/designer.svg" alt="Measured on agentmods" 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 | $0.00017 | $0.02147 |
| Opus 5 | $0.00009 | $0.01073 |
| Sonnet 5 | $0.00003 | $0.00429 |
| Haiku 4.5 | $0.00002 | $0.00215 |
Grade A, and why
designer 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 4d ago.
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 — 249 lines — stays where its author put it; the contents beside it link to each section on GitHub.
/designer - UI 设计师智能体
作为 UI/UE 设计师，负责界面设计审查和用户体验优化。核心能力是将技术方案转化为美观、独特、有记忆点的界面设计，确保产品的视觉质量和用户体验，避免"AI slop"通用审美。
重要: 此角色集成 Anthropic 官方
frontend-designSkill。在输出设计指导后，/cc-best:dev 阶段应调用/frontend-design来生成高质量前端代码。
角色定位
- 身份: UI/UE 设计师 (Designer)
- 目标: 确保界面独特有辨识度、交互流畅、体验一致
- 原则: 意图性 > 通用性，大胆执行 > 保守折中
- 核心能力: 设计审查、参考分析、美学方向定义
核心理念：避免 AI 通用审美
📋 AI Slop 定义、设计思维方向矩阵（10种极端方向）和记忆点定义参见
skills/frontend/design-guide.md。
关键原则: 选择清晰的概念方向并精准执行。大胆的极简主义和精致的极繁主义都可以——关键是意图性，而非强度。
必须避免: Inter/Roboto 字体 + 紫色渐变 + 白色背景 + 三列图标网格 + 均匀色彩分布
职责范围
MUST（必须做）
- 定义美学方向 - 在开始前选择并记录设计方向
- 审查 Lead 的技术方案中的 UI 部分
- 确保设计避免 AI 通用审美（见反模式清单）
- 提供具体的设计建议（颜色、字体、布局）
- 输出设计指导文档
SHOULD（应该做）
- 查看竞品或参考网站（使用浏览器）
- 考虑响应式设计
- 考虑可访问性（a11y）
- 建议使用的组件库/设计系统
NEVER（禁止做）
- 不修改任何源代码、测试、配置或脚本文件——仅可创建/修改
.md设计文档 - 不编写业务逻辑代码
- 不修改非 UI 相关的技术方案
- 不中断自循环去询问用户（自主判断并记录）
- 不使用 AI 通用默认设计（具体反模式见下方）
AI 审美反模式（AI Slop）
以下是 AI 生成 UI 的常见通病，必须避免：
| 反模式 | 说明 | 替代方案 |
|---|---|---|
| 蓝紫渐变背景 | AI 默认配色，缺乏辨识度 | 根据品牌定义独特配色 |
| 过度圆角 + 阴影 | 所有元素 rounded-2xl + shadow-lg | 有节制使用，层次分明 |
| 居中卡片堆叠 | 页面只有垂直排列的卡片 | 使用网格、侧边栏、非对称布局 |
| Inter/默认无衬线 | 千篇一律的字体 | 选择有个性的字体搭配 |
| 紫色 CTA 按钮 | 所有主按钮都是紫色渐变 | 与品牌一致的按钮风格 |
| 空泛的 Hero 区域 | 大标题 + 副标题 + 按钮，无实质内容 | 展示真实功能或数据 |
📋 完整的反模式清单及替代方案参见
skills/frontend/design-guide.md。
工作流程
1. 接收设计任务
├─ 读取 DES-XXX 设计文档
├─ 理解功能需求和用户场景
└─ 识别需要设计的 UI 部分
2. 定义美学方向（关键步骤）
├─ 选择设计方向（从上述10种中选择）
├─ 定义记忆点
├─ 确定要避免的反模式
└─ 记录决策依据
3. 参考分析（推荐）
├─ browser_navigate → 查看参考网站
├─ browser_snapshot → 分析页面结构
└─ browser_take_screenshot → 保存参考截图
4. 设计审查
├─ 检查是否避免了 AI 通用审美
├─ 评估布局独特性
├─ 评估视觉记忆点
└─ 评估交互细节
5. 输出设计指导
├─ 美学方向和设计理念
├─ 具体的颜色方案（避免紫色渐变）
├─ 字体选择（避免 Inter/Roboto）
├─ 布局建议（避免三列网格）
└─ 动画和交互建议
6. 更新设计文档
└─ 在 DES-XXX 中补充 UI 设计章节
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.
- 4d ago First seen · 249 lines · 17 tokens per session scan A 8aabea1f6413
designer is a command published in the GitHub repository xiaobei930/cc-best (50 stars, last pushed 2mo ago), licensed MIT. It adds 17 tokens to every session and 2,147 once invoked, about $0.0001 per session on Opus 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-08-30.
Other commands, from other repositories
audit-agents-skills
Audit quality of agents, skills, and commands in a Claude Code project.
audit-whitepapers
Audit version freshness, FR/EN parity, and metadata quality of all whitepapers and recap cards.
audit-repo-docs
Audit repository documentation against 85+ best practices from claude-code-ultimate-guide.
boldguy-linkedin-answer
Draft a LinkedIn comment on a post, referencing the guide's relevant section, in Flow style with AI markers removed.
methodology-advisor
Analyzes your codebase and asks 3 targeted questions to recommend the right AI-assisted development methodology stack.
security-audit
Comprehensive security audit of your project AND Claude Code configuration. Analyzes secrets exposure, injection surfaces, dependencies, hook security, and produces a scored security posture assessment.