Borrowing it
Nothing to install: this file belongs to Peiiii/nextclaw. 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/Peiiii/nextclaw/master/.agents/wiki/skills/frontend/ui-design-critique/SKILL.mdgit clone --depth 1 https://github.com/Peiiii/nextclawWrote 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/peiiii/nextclaw/ui-design-critique)<a href="https://agentmods.dev/skills/peiiii/nextclaw/ui-design-critique"><img src="https://agentmods.dev/badge/skills/peiiii/nextclaw/ui-design-critique/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/peiiii/nextclaw/ui-design-critique"><img src="https://agentmods.dev/badge/skills/peiiii/nextclaw/ui-design-critique.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.00062 | $0.00982 |
| Opus 5.5 | $0.00025 | $0.00393 |
| Sonnet 5.5 | $0.00012 | $0.00196 |
| Haiku 4.5 | $0.00006 | $0.00098 |
Grade A, and why
ui-design-critique 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 1mo 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 设计挑刺与收敛
判断对象
审查真实渲染的页面,不审查组件清单或设计形容词。先说清楚用户在这个页面的首要任务、进入时已有的上下文、下一步最可能做的动作。概览、对话、阅读、编辑和审批可以采用不同密度;不能因为某种布局在参考产品上出现,就不问任务地套用。
建立参照
选与该任务相近的成熟产品界面,记录产品、版本或观察日期、具体页面、视口和可见状态;优先看真实使用界面及交互,营销图只能作为低置信参考。同视口并排比较以下事实:主任务在首屏的位置、导航层级、内容宽度、面板关系、信息密度、操作顺序、状态反馈。写出参考设计解决了什么问题和自己的界面是否有同一问题,不照抄颜色、装饰或品牌特征。无法访问真实界面时明确说出证据限制,不能声称已做像素级对标。
先做删减审查
逐个检查占用首屏面积的区域,尤其是顶栏、标题带、侧栏、卡片、说明文字、状态卡和空白画布。对每块问:
- 它让用户更快完成什么任务?移除后会失去什么具体信息或操作?
- 同一信息或入口是否已在别处稳定可见?标题、面包屑、返回按钮、来源、状态说明是否重复?
- 空白是在帮助阅读、保留内容节奏,还是只由固定高度、宽卡或占位容器造成?
- 这块区域是否把关键内容挤出首屏,或迫使用户跨列、滚动、来回跳转?
答不出具体价值的区域优先删除或合并;不要先通过加文案、图标、卡片或更大间距修补。删除后须保证可发现性与返回路径仍成立。
再审层级与空间
按真实任务从上到下、从左到右走一遍。检查主内容是否比导航和辅助材料更显眼;阅读行宽、字号、行高、列表密度是否适合实际语言;对话与关联内容是否能并行而不压窄主任务;移动端是否仍有明确主滚动面。截图之外,用 DOM 几何、可见元素和代表操作验证显著问题,不能以“没有横向溢出”代替布局合格。
每轮尽可能找出所有具体缺陷;用户要求数量时按其要求,不为了凑数把个人偏好写成问题。每项记录「页面与视口、看到的现象、任务成本、参考做法及其理由、决定删除/合并/保留/重排、复验结果」。优先修任务受阻、空间浪费和重复认知,再处理微小装饰。修完重新截图、操作、再挑刺;剩下的批评若只是可互换的审美偏好,应明确标为偏好,不虚称完全无缺陷。
完成边界
交付前至少覆盖一个真实内容充足的桌面页面、主要模块间跳转和一个窄屏场景;用户指出的问题必须在对应页面复验。报告实际删掉或缩减的区域、参照证据、仍存在的客观问题与概念原型的能力边界。控件语义、键盘与状态仍归 前端交互体验质量;本 skill 只负责页面级取舍与视觉效率。
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.
- 1mo ago First seen · 38 lines · 62 tokens per session scan A 115f8806a0be
ui-design-critique is a skill published in the GitHub repository Peiiii/nextclaw (263 stars, last pushed yesterday), licensed MIT. It adds 62 tokens to every session and 982 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-26.
ui-design-critique compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| ui-design-critiquePeiiii/nextclaw | Skill | 263 | yesterday | MIT | A | 62 | Claude Code, Codex |
| mermaid-diagramshiwenwen/hope-agent | Skill | 1.9k | yesterday | MIT | A | 55 | Claude Code, Codex |
| ppt-designerdongsheng123132/u-claw | Skill | 1.8k | 3d ago | MIT | A | 29 | Claude Code, Codex |
| infographicPM-Shawn/Abu-Cowork | Skill | 419 | 2d ago | Apache-2.0 | A | 71 | Claude Code |
| svg-diagramPM-Shawn/Abu-Cowork | Skill | 419 | 2d ago | Apache-2.0 | A | 70 | Claude Code |
| mermaid-diagramPM-Shawn/Abu-Cowork | Skill | 419 | 2d ago | Apache-2.0 | A | 104 | Claude Code |
| brand-tokenstianemon/EasyMint | Skill | 86 | yesterday | MIT | A | 62 | Claude Code, Codex |