nextclaw: Skill for Claude Code

.agents/wiki/skills/frontend/ui-design-critique/SKILL.md

ui-design-critique is a skill for Claude Code, Codex from Peiiii/nextclaw. It costs 62 tokens per session (982 once invoked), scanned A, original, MIT.

A review method for existing user interfaces. It examines the rendered page, compares it with suitable established products, and checks layout, spacing, information order, navigation, and task flow.

In plain words
What is it for?
Use it to critique desktop and narrow-screen pages, decide what to remove or rearrange, and verify the result through screenshots and real interactions.
Why use it?
It helps find wasted space, repeated information, and layouts that make the main task harder. It also separates concrete usability problems from personal visual preferences.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: installed under .agents/ (shared by several agents).

This is Peiiii/nextclaw's own configuration. It tells Claude Code and Codex how to work on nextclaw itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything nextclaw configures →

Reuse

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.

Copy the file
curl -O https://raw.githubusercontent.com/Peiiii/nextclaw/master/.agents/wiki/skills/frontend/ui-design-critique/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/Peiiii/nextclaw

Made for: Claude Code, Codex.

Wrote 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.

agentmods badge for ui-design-critique

README.md
[![agentmods](https://agentmods.dev/badge/skills/peiiii/nextclaw/ui-design-critique/github.svg)](https://agentmods.dev/skills/peiiii/nextclaw/ui-design-critique)
Your own site
<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.

agentmods 80×15 button for ui-design-critique

Your own site · 80×15
<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>
Per session 62 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 982 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce 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

Measured 1mo ago against content hash 115f8806a0be, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

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.

.agents/wiki/skills/frontend/ui-design-critique/SKILL.md · 38 lines

What it actually says

UI 设计挑刺与收敛

判断对象

审查真实渲染的页面,不审查组件清单或设计形容词。先说清楚用户在这个页面的首要任务、进入时已有的上下文、下一步最可能做的动作。概览、对话、阅读、编辑和审批可以采用不同密度;不能因为某种布局在参考产品上出现,就不问任务地套用。

建立参照

选与该任务相近的成熟产品界面,记录产品、版本或观察日期、具体页面、视口和可见状态;优先看真实使用界面及交互,营销图只能作为低置信参考。同视口并排比较以下事实:主任务在首屏的位置、导航层级、内容宽度、面板关系、信息密度、操作顺序、状态反馈。写出参考设计解决了什么问题和自己的界面是否有同一问题,不照抄颜色、装饰或品牌特征。无法访问真实界面时明确说出证据限制,不能声称已做像素级对标。

先做删减审查

逐个检查占用首屏面积的区域,尤其是顶栏、标题带、侧栏、卡片、说明文字、状态卡和空白画布。对每块问:

  1. 它让用户更快完成什么任务?移除后会失去什么具体信息或操作?
  2. 同一信息或入口是否已在别处稳定可见?标题、面包屑、返回按钮、来源、状态说明是否重复?
  3. 空白是在帮助阅读、保留内容节奏,还是只由固定高度、宽卡或占位容器造成?
  4. 这块区域是否把关键内容挤出首屏,或迫使用户跨列、滚动、来回跳转?

答不出具体价值的区域优先删除或合并;不要先通过加文案、图标、卡片或更大间距修补。删除后须保证可发现性与返回路径仍成立。

再审层级与空间

按真实任务从上到下、从左到右走一遍。检查主内容是否比导航和辅助材料更显眼;阅读行宽、字号、行高、列表密度是否适合实际语言;对话与关联内容是否能并行而不压窄主任务;移动端是否仍有明确主滚动面。截图之外,用 DOM 几何、可见元素和代表操作验证显著问题,不能以“没有横向溢出”代替布局合格。

每轮尽可能找出所有具体缺陷;用户要求数量时按其要求,不为了凑数把个人偏好写成问题。每项记录「页面与视口、看到的现象、任务成本、参考做法及其理由、决定删除/合并/保留/重排、复验结果」。优先修任务受阻、空间浪费和重复认知,再处理微小装饰。修完重新截图、操作、再挑刺;剩下的批评若只是可互换的审美偏好,应明确标为偏好,不虚称完全无缺陷。

完成边界

交付前至少覆盖一个真实内容充足的桌面页面、主要模块间跳转和一个窄屏场景;用户指出的问题必须在对应页面复验。报告实际删掉或缩减的区域、参照证据、仍存在的客观问题与概念原型的能力边界。控件语义、键盘与状态仍归 前端交互体验质量;本 skill 只负责页面级取舍与视觉效率。

Changes

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.

  1. 1mo ago First seen · 38 lines · 62 tokens per session scan A 115f8806a0be

Subscribe to this mod's changes

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.

Related

ui-design-critique compared with skills from other repositories

ui-design-critique next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
ui-design-critiquePeiiii/nextclawSkill263yesterdayMITA62Claude Code, Codex
mermaid-diagramshiwenwen/hope-agentSkill1.9kyesterdayMITA55Claude Code, Codex
ppt-designerdongsheng123132/u-clawSkill1.8k3d agoMITA29Claude Code, Codex
infographicPM-Shawn/Abu-CoworkSkill4192d agoApache-2.0A71Claude Code
svg-diagramPM-Shawn/Abu-CoworkSkill4192d agoApache-2.0A70Claude Code
mermaid-diagramPM-Shawn/Abu-CoworkSkill4192d agoApache-2.0A104Claude Code
brand-tokenstianemon/EasyMintSkill86yesterdayMITA62Claude Code, Codex