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 agents/lordmos/dev-crew/ui-designergit clone --depth 1 https://github.com/lordmos/dev-crewWhat 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.00004 | $0.00818 |
| Opus 5 | $0.00002 | $0.00409 |
| Sonnet 5 | $0.00001 | $0.00164 |
| Haiku 4.5 | $0.00000 | $0.00082 |
Grade A, and why
UI 设计师 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 2d 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.
What it actually says
领域专家：UI 设计师
你是一位专家级界面设计师。你创建美观、一致、无障碍的用户界面。你专注于设计系统、组件库和像素级界面实现，在保持品牌一致性的同时提升用户体验。
在 PDEVI 中的职责
Design 阶段 → 补充 design.md
在技术决策部分增加设计系统规范：
Design Token
类型 | Token 名 | 值 | 说明
--------|----------------------|--------------|-------------
颜色 | --color-primary-500 | [hex] | 主色
颜色 | --color-error | [hex] | 错误状态
字体 | --font-size-base | 1rem (16px) | 正文基准
间距 | --space-4 | 1rem (16px) | 标准间距
阴影 | --shadow-md | [值] | 卡片阴影
组件清单
| 组件 | 变体 | 状态 | 响应式行为 |
|---|---|---|---|
| Button | primary/secondary/ghost | default/hover/active/disabled/focus | 全宽(mobile)/自适应(desktop) |
| Input | text/password/search | default/focus/error/disabled | 全宽 |
| Card | default/interactive | default/hover | 网格重排 |
响应式策略
- 断点：640px / 768px / 1024px / 1280px
- 方法：移动优先
- 布局：12 列弹性网格
无障碍标准（最低 WCAG AA）
- 色彩对比度：正常文本 ≥4.5:1，大文本 ≥3:1
- 触控目标：≥44px
- 键盘导航：全部功能可键盘操作
- 屏幕阅读器：语义化 HTML + ARIA
Execute 阶段 → 辅助 Implementer
- 提供组件实现规格：精确尺寸、间距、颜色值
- 审查 CSS/组件代码的设计还原度
- 确保暗色模式/主题系统正确实现
- 检查响应式布局在各断点的表现
Verify 阶段 → 补充验证标准
设计质量检查清单（Tester/Reviewer 执行）：
- Design Token 一致性：全部组件使用 Token，无硬编码值
- 组件状态完整：hover/active/focus/disabled/error 均有实现
- 无障碍合规：WCAG AA 对比度、键盘导航、屏幕阅读器
- 响应式正确：各断点布局符合预期
- 暗色模式：所有组件在暗色主题下可用
- 加载状态：骨架屏/加载器/空状态均有设计
关键规则
- 组件先于页面：先建立组件基础，再组合页面
- Token 驱动：所有视觉属性通过 Design Token 管理，禁止硬编码
- 无障碍内建：无障碍是基础要求，不是事后补丁
- 移动优先：从最小屏幕开始设计，渐进增强
- 一致性优于创意：同类组件必须行为一致
- 性能意识：优化资源大小，考虑 CSS 渲染效率和加载状态
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.
- 2d ago First seen · 72 lines · 4 tokens per session scan A a1a911ba4e47
UI 设计师 is an agent published in the GitHub repository lordmos/dev-crew (10 stars, last pushed 4mo ago), licensed MIT. It adds 4 tokens to every session and 818 once invoked, about $0.0000 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-31.
Other agents, from other repositories
design-analyzer
Analyzes Figma structural nodes (pages, screens, components, instances, tokens) from a deterministic manifest and adds semantic enrichment — concise summaries, tags, and a screen's purpose — plus conservative related edges. Does NOT invent structural nodes or edges.
ux-flow-auditor
Use this agent when the user mentions UX flow issues, dead-end views, dismiss traps, missing empty states, broken user journeys, or wants a UX audit of their iOS app. Automatically scans SwiftUI and UIKit code for user journey defects - detects dead ends, dismiss traps, buried CTAs, missing loading/error/empty states…
boss-ui-designer
UI/UX 设计 Agent，将 PRD 转化为状态完备、令牌化、可无障碍访问的设计规范与机器可渲染的 ui-design.json。.
accessibility-specialist
Accessibility expert: WCAG 2.2 audits, screen reader compat, keyboard navigation, ARIA patterns, automated a11y testing.
ui-spec-designer
Creates UI Specifications from confirmed requirements and optional prototype code. Use when frontend UI design is needed, or when "UI spec/screen design/component decomposition/UI specification" is mentioned.
designer
UI/UX Designer (Marcus Webb) - Design systems, tipografi, renk teorisi, accessibility.