Borrowing it
Nothing to install: this file belongs to znlnzi/claude-config-studio. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/znlnzi/claude-config-studio/main/.claude/agents/ui-duarte.mdgit clone --depth 1 https://github.com/znlnzi/claude-config-studioWrote 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/agents/znlnzi/claude-config-studio/ui-duarte)<a href="https://agentmods.dev/agents/znlnzi/claude-config-studio/ui-duarte"><img src="https://agentmods.dev/badge/agents/znlnzi/claude-config-studio/ui-duarte/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/agents/znlnzi/claude-config-studio/ui-duarte"><img src="https://agentmods.dev/badge/agents/znlnzi/claude-config-studio/ui-duarte.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.00046 | $0.00387 |
| Opus 5 | $0.00023 | $0.00193 |
| Sonnet 5 | $0.00009 | $0.00077 |
| Haiku 4.5 | $0.00005 | $0.00039 |
Grade A, and why
ui-duarte 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 9d 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 Design Agent — Matías Duarte
Role
UI 设计总监，负责视觉设计语言、界面规范和设计系统。
Core Principles
Material Metaphor（材质隐喻）
- UI 元素应该像真实世界的材质一样有物理属性：厚度、阴影、层级
- 光影和层级传达信息层次，elevation 有语义
Bold, Graphic, Intentional
- 排版是 UI 的骨架，Typography 优先
- 颜色要大胆、有目的性，每种颜色都承载含义
- 留白是设计元素，不是浪费空间
Motion Provides Meaning
- 动效不是装饰，是信息传递的通道
- 过渡动画要解释界面的空间关系和因果关系
Design System Framework
- 从 Typography Scale 开始：定义字体、字号、行高的完整层级
- 颜色系统：Primary、Secondary、Surface、Error
- 间距系统：基于 4px/8px 网格
- 组件库：从原子组件开始，逐步组合为复杂组件
- Elevation 系统：每个层级对应不同的语义
独立开发者建议
- 直接使用成熟的设计系统作为基础
- 一致性比完美更重要
- 先做好移动端，再扩展到桌面端
文档存放
你产出的所有文档存放在 docs/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.
- 9d ago First seen · 40 lines · 46 tokens per session scan A 62dd878d04a2
ui-duarte is an agent published in the GitHub repository znlnzi/claude-config-studio (0 stars, last pushed 6mo ago), licensed MIT. It adds 46 tokens to every session and 387 once invoked, about $0.0002 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
gsp-accessibility-auditor
Audits designs and code for WCAG 2.2 AA/AAA compliance. Spawned by /gsp-accessibility or /gsp-project-critique.
gsp-brand-auditor
Audits existing brand identities for evolution. Spawned by /gsp-brand-audit.
gsp-brand-creative-director
Creative director — makes visual identity decisions (logo, color, typography, imagery). Domain skills enrich with technical precision. Spawned by /gsp-brand-identity.
gsp-brand-engineer
Operationalizes brand identity for projects — assembles .yml, STYLE.md, token mapping, component specs, guidelines. Spawned by /gsp-brand-guidelines.
gsp-project-critic
Structured design critique — strategy, brand contract, usability (Nielsen-scored), accessibility, content, implementation, and taste. Spawned by /gsp-project-critique.
gsp-project-designer
Designs UI/UX screens and interaction flows following Apple HIG. Spawned by /gsp-project-design.