Agent skill

Design Review

by Prismer-AI in Prismer-AI/PrismerCloud

Five-dimension design audit (frontend UI/UX · server data-model & flow · endpoint spec · daemon-runtime/SDK & local-cache-first · built-in skill/agent-role), executed by a NON-implementing agent.

MITAuto-check: notesMedia & Creative

Install Design Review

skills CLI
$ npx skills add Prismer-AI/PrismerCloud --skill design-review -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Prismer-AI/PrismerCloud design-review --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Prismer-AI/PrismerCloud.git skills-src && mkdir -p .claude/skills && cp -r skills-src/sdk/apc/skills/design-review .claude/skills/design-review && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
design-review
GitHub stars
1.6k
Token cost
~1.3k tokens
SKILL.md length
338 words
Files
2
Skills in repo
88
Repo updated
First seen
Licence
MIT

At a glance

Five-dimension design audit (frontend UI/UX · server data-model & flow · endpoint spec · daemon-runtime/SDK & local-cache-first · built-in skill/agent-role), executed by a NON-implementing agent.

  • Works in 3 steps: 独立性自证(若挂 task)— 你不是设计作者 → 逐维审,每维产一条判定 → 汇总 + 点出被静默跳过的维度
  • Tasks that involve Design review and critique
  • SKILL.md covers 评审独立性(第一铁律,P2-17), 五维(缺一维 = 未闭合;N/A 也要显式写理由), Procedure and 输出契约(机器判据按这个复验,别自由发挥格式), plus 3 more sections
  • Calls rg and npm

What it does

Design Review is an agent skill from Prismer-AI/PrismerCloud. Five-dimension design audit (frontend UI/UX · server data-model & flow · endpoint spec · daemon-runtime/SDK & local-cache-first · built-in skill/agent-role), executed by a NON-implementing agent. Every dimension gets a verdict; N/A only with a stated reason. A dimension the design silently skipped must be surfaced as a gap; covered dimensions must not be over-reported.

Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `skill.json`). Compatibility notes: ["claude-code"]

It sits in Media & Creative, covering Design review and critique, Multi-agent orchestration and Frontend development. It works with Prisma. The licence is MIT.

When your agent uses it

  • Tasks that involve Design review and critique
  • Tasks that involve Multi-agent orchestration
  • Tasks that involve Frontend development

Example prompts

  • “/design-review”

Requirements

  • Compatibility (from SKILL.md): ["claude-code"]
  • Pre-approved tools (allowed-tools): Bash

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. 独立性自证(若挂 task)— 你不是设计作者
  2. 逐维审,每维产一条判定
  3. 汇总 + 点出被静默跳过的维度

What it can do on your machine

Read from SKILL.md and the folder at commit e5d9444. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Bash

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • rg
    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    ["claude-code"]

    From compatibility in the SKILL.md frontmatter.

Context cost

Design Review loads about 1.3k tokens when it runs. Until then it costs about 96 tokens; SKILL.md has 338 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~96
When it runs · the whole SKILL.md, loaded when a task matches
~1.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
    allowed-tools: Bash

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Prismer-AI/PrismerCloud at commit e5d9444, republished under its MIT licence (© Prismer-AI). 338 words, ~1,283 tokens.

Download SKILL.mdSave it as .claude/skills/design-review/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
design-review
description
Five-dimension design audit (frontend UI/UX · server data-model & flow · endpoint spec · daemon-runtime/SDK & local-cache-first · built-in skill/agent-role), executed by a NON-implementing agent. Every dimension gets a verdict; N/A only with a stated reason. A dimension the design silently skipped must be surfaced as a gap; covered dimensions must not be over-reported.
allowed-tools
Bash
compatibility
["claude-code"]
license
MIT
scope
common
metadata.category
review

design-review

对一个改动方案 / diff做 CLAUDE.md 强制的五维变更审计,产出每一维的判定(covered / gap / N-A-带理由),由非实施 agent 执行(apc/05 §2 S6 · apc/12 design-review 行;与 S5 code-review 同精神——实施者不自审自的设计)。

什么时候用:一个 design doc / migration / ADD COLUMN / 新 endpoint / UI 重做进评审门时,需要独立核对它有没有把五维都想全。这是设计期的漏,比 phase 末期补漏便宜 10×(CLAUDE.md 五维审计)。

评审独立性(第一铁律,P2-17)

评审由非实施 agent 执行——设计者不自审自的方案,与 no-self-approval 同精神。若你就是这份设计的作者 → 停手,让另一个 agent 审。

五维(缺一维 = 未闭合;N/A 也要显式写理由)

照 CLAUDE.md「Five-Dimension Change Audit」逐维答。任一维标"未考虑"/"待后续评估"不能进实施;N/A 也要显式写原因。

#维度必答问题(摘 CLAUDE.md)证据手段
1前端 UI/UX 渲染交互用户在哪儿感知?哪些组件/hook/路径改?破坏交互肌肉记忆吗?刷新/跨设备?错误态如何 surface?rg 组件/路由
2服务端 data-model & 数据流哪些 Prisma model / SQL table 改?migration 编号?读/写/缓存路径?同事务保证?跨实例 fan-out?rg schema;ls src/im/sql | sort | tail 看下一个编号;双 Prisma(SQLite + MySQL)都改了吗
3Endpoint spec新增/改/弃用哪些 HTTP/WS/SSE?req/resp schema?认证级别?错误码?兼容策略?SDK 类型同步?rg 路由/handler
4Daemon runtime / SDK & local-cache-firstdaemon SDK 要适配吗?本地 SQLite/FS/asset-cache 变化?离线 fallback?daemon↔cloud 版本协商?多语言 SDK 同步?rg runtime/;想 local-first:cloud-only 的东西 daemon 学得到吗
5Built-in skill / agent-role影响 SKILL.md / AGENTS.md / SOUL.md / operatingPrinciples 吗?要新 built-in skill?role template backfill?agent 端 prompt 更新?rg built-in-skills/ · role template

Procedure

1. 独立性自证(若挂 task)— 你不是设计作者
2. 逐维审,每维产一条判定

对每一维给一行判定,形状:

{ dimension: 1..5,
  verdict: covered | gap | n/a,
  reason: "<covered: 方案怎么覆盖的 + 残留问题 / gap: 漏了什么、会怎么坏 / n/a: 为什么这维不适用>" }
  • gap 是承重判据:方案没提的维度,标 gap 并说清"这个洞会怎么坏"(如:cloud-only 的 cap,daemon 本地 LLM 路径学不到 → 离线不 enforce)。别因为方案没写就默默跳过当它 covered——静默跳过正是五维审计要抓的头号反 pattern(单维过度聚焦)。
  • n/a 必须带理由:一维确实不适用(纯计费门不碰 agent 能力 → 第 5 维 N/A),显式写理由。不许留空、不许"待评估"。
  • covered 不虚报:方案真覆盖的维度,标 covered、只列真实残留问题(错误码待补、跨设备回显待确认)。不要把正常设计说成 blocker——假阳会淹没真信号(照 S5 code-review "干净 diff 不虚报")。
3. 汇总 + 点出被静默跳过的维度

产出:

  • 五维判定表(每维 covered/gap/n-a + reason)。
  • 承重发现:被方案静默跳过的维度(那个 enforcement/兼容/数据主权的洞)。
  • openQuestions[]:拿不准的(不是 gap)。

输出契约(机器判据按这个复验,别自由发挥格式)

本 skill 的验收判据不是「报告里出现了 daemon / prisma 这些词」——旧判据就是六条这样的 match,一句 npm run prisma:generate 就能让"数据模型维已答"变绿。现在判据找的是每一维自己那一行,并把该行的引用读回磁盘复核(structured-criteria.ts 的 dimension-coverage)。

五维逐行作答(每维独占一行 + 固定 key,行首先给 verdict,再给理由,最后给证据):

- [1] frontend-uiux: covered — <覆盖点 + 残留问题> | <path:line>
- [2] server-data-model: covered — <…> | <path:line>
- [3] endpoint-spec: covered — <…> | <path:line>
- [4] daemon-runtime-sdk: gap — <洞是什么、会怎么坏> | <daemon/runtime 侧真要改的 path:line>
- [5] skill-agent-role: gap — <…> | <path:line>    或    N/A — <理由 ≥20 字符>

判据强制三条:

  1. 每维的行必须以 verdict 开头:covered / gap / N/A(中文 已覆盖 / 缺口 / 不适用 同义)。
  2. covered / gap 的行必须带至少一条能在磁盘上复核的 path:line(文件存在、行号在范围内、该行非空)——rg -n 出来的行号,别猜。这就是"对码":说方案漏了 daemon 层,就得指出 daemon 层真正要改的那一行。
  3. N/A 的行必须带理由(去空白后 ≥20 字符);只写 N/A 判红。

引用写法:必须 repo-root-relative(src/im/api/routes.ts:314,不要简写成 im/api/routes.ts:314,也不要绝对路径);rg -c 出的 path:12 是命中计数不是行号,要写就写 count=12。

承重维度的 verdict 是被钉死的:sample task 里 daemon-runtime-sdk 必须是 gap。把它橡皮图章成 covered、或者把 "gap" 写在正文别处而不在那一行上,都判红——这正是五维审计要抓的头号反 pattern(静默跳过)。

产出(副作用 oracle,报告里必须给)

  1. 五维全答:五个维度逐一有判定,无一维留空(N/A 也带理由)。
  2. gap 被 surface:方案静默跳过的维度标成 gap / missing / not-addressed,说清怎么坏——不是橡皮图章全绿。
  3. covered 不虚报:真覆盖的维度不编造 blocker。

不许:把方案没提的维度默默当 covered(静默跳过);一维留空或写"待评估"就交(未闭合);把正常设计说成 blocker 制造假阳;自审自的设计。

诚实边界

  • LLM 设计评审是非确定性的:本 skill 不保证抓出所有设计缺陷,也不保证零漏报/零虚报。它保证的是"五维逐维走一遍 + 每维判定可核验(covered/gap/n-a 带理由)+ gap 说清怎么坏 + 不自审"。深层的跨维耦合缺陷可能漏——靠多轮评审 + 真实施后 test-runner 兜,不靠单次审打包票。
  • 需要读代码核对的维度("这个字段真有消费者吗"/"下一个 migration 编号"),依赖仓库可 rg/ls;只读方案文本时该维标注"未对码,基于方案陈述"。
  • 本 skill 只产判定,不改设计——修由设计者按判定回改,再进下一轮审。
<!-- APC-ACK:v1 -->

调用回执(APC 平台方运营纪律 · 自动注入,勿手改)

执行本 skill 的第一步,先落一条调用回执:

bash
cloud skill ack design-review --task "$PRISMER_TASK_ID"

按退出码分流(这条命令的退出码是承重信息,禁止用 || 兜底、; true、 set +e 或重定向把它抹掉):

exit含义你要做的
0回执已落库(im_task_logs.action='skill_ack')继续执行本 skill
3无 task 上下文——本次运行没有 task,产不出回执继续执行本 skill;但本次运行没有回执,任何报告里都不得声称已 ack
4你不是该 task 的 assignee,服务端拒绝停下并上报:回执只能由执行该 task 的 agent 产生
1其它失败(网络 / 服务端)重试一次;仍失败则继续执行,并在结果里显式标注「回执缺失」

回执只证明本 skill 被调度,不证明执行正确——效果证明由本 skill 自己的 acceptanceCriteria 副作用断言承担(apc/04 §2 层 1 诚实标注)。

<!-- /APC-ACK:v1 -->

© Prismer-AI, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in sdk/apc/skills/design-review of Prismer-AI/PrismerCloud.

  • SKILL.md
  • skill.json

Open the folder on GitHubat commit e5d9444

Compare with similar skills

Design Review next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Design Review compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Design Review this skillPrismer-AI/PrismerCloud1.6k—~1.3kAutomated safety check: NotesMIT
Content Create Hero Imageprisma/web1.1k—~6.9kAutomated safety check: PassNone
Design Iteration Loopmodu-ai/moai-cowork306—~2.9kAutomated safety check: PassApache-2.0
Design AuditUniClipboard/UniClipboard1.9k—~554Automated safety check: PassAGPL-3.0
Skill Authoringnotivn/AIEV127—~925Automated safety check: PassMIT
UI Aesthetics Judgmentkasonye/ui-aesthetics-skill383—~3.2kAutomated safety check: PassNone

Similar skills

  • Official

    A skill your agent uses when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover…

    1.1k GitHub stars~6.9k tokensUpdated yesterday
    DatabasesAuto-check passed
  • Design Iteration Loop

    modu-ai/moai-cowork

    Runs a builder-and-evaluator cycle that scores a design draft on four dimensions and escalates when the score stalls.

    306 GitHub stars~2.9k tokensUpdated 2 days ago
    Agent WorkflowsAuto-check passed
  • Design Audit

    UniClipboard/UniClipboard

    定期审计代码库的工程设计问题(高心智复杂度、单一真相源被破坏、catch-all 胖接口、死代码、散落魔法字面量、泄漏抽象、资源生命周期靠环形缓冲)与可优化点,范围限定为自上次审计以来的 git churn,每条发现都落到 file:line 并对照本项目自己的 VISION.md / 各级 AGENTS.md / memory…

    1.9k GitHub stars~554 tokensUpdated today
    Media & CreativeAuto-check passed
  • Skill Authoring

    notivn/AIEV

    The standard for writing new skills for the AI Edit Video system - file structure, frontmatter, tone of voice, and how to accumulate production lessons into skills.

    127 GitHub stars~925 tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • UI Aesthetics Judgment

    kasonye/ui-aesthetics-skill

    Sets rules for web UI work that favor hierarchy, spacing and restrained styling, with routes for generating, reviewing and polishing interfaces.

    383 GitHub stars~3.2k tokensUpdated 6 mo ago
    Frontend & DesignAuto-check passed
  • Kicad Review

    mixelpixx/Konnect

    Design review and validation workflow for KiCAD projects via MCP tools.

    927 GitHub stars~3.2k tokensUpdated 5 days ago
    Media & CreativeAuto-check passed

More from Prismer-AI/PrismerCloud

All 88 skills in this repo
  • Prismer Google Workspace

    Prismer-AI/PrismerCloud

    Gives an agent account-scoped access to Gmail, Calendar, Drive, Contacts, Docs and Sheets through the gws CLI or a bundled Python client.

    1.6k GitHub starsUsed in 3 repos~4.2k tokens
    Auto-check passed
  • Prismer Skill Creator

    Prismer-AI/PrismerCloud

    Walks an agent through creating, importing, editing, validating, testing and publishing Prismer Skills with a fixed workflow and bundled scripts.

    1.6k GitHub stars~2.6k tokensUpdated today
    Auto-check: notes
  • Himalaya Email CLI

    Prismer-AI/PrismerCloud

    Operates a mailbox from the terminal with the external Himalaya CLI over IMAP, SMTP, Notmuch or Sendmail, separate from any built-in email gateway adapter.

    1.6k GitHub starsUsed in 2 repos~2.3k tokens
    Auto-check passed
  • Prismer Image Generation

    Prismer-AI/PrismerCloud

    Generates one image from a text prompt with a bundled Node.js helper and delivers it once as the attachment to the current Prismer reply.

    1.6k GitHub stars~1.4k tokensUpdated today
    Auto-check passed
  • Manim Explainer Videos

    Prismer-AI/PrismerCloud

    Produces 3Blue1Brown-style explainer animations with Manim Community Edition for math, algorithms, equations and architecture diagrams, with planning and rendering references.

    1.6k GitHub starsUsed in 2 repos~3.1k tokens
    Auto-check passed
  • Prismer Role Builder

    Prismer-AI/PrismerCloud

    Creates or updates Prismer role templates from a persona, SOP or job description, and turns a role into a working agent that runs its first task through a bundled script.

    1.6k GitHub stars~2.3k tokensUpdated today
    Auto-check: notes

Works with

Questions about Design Review

What does Design Review do?

Five-dimension design audit (frontend UI/UX · server data-model & flow · endpoint spec · daemon-runtime/SDK & local-cache-first · built-in skill/agent-role), executed by a NON-implementing agent. Design Review is an agent skill from Prismer-AI/PrismerCloud. Five-dimension design audit (frontend UI/UX · server data-model & flow · endpoint spec · daemon-runtime/SDK & local-cache-first · built-in skill/agent-role), executed by a NON-implementing agent.

When should I use Design Review?

Design Review fits situations like: tasks that involve Design review and critique; tasks that involve Multi-agent orchestration; tasks that involve Frontend development.

How do I install Design Review in Claude Code?

Run `npx skills add Prismer-AI/PrismerCloud --skill design-review -a claude-code`. Or copy the skill folder (sdk/apc/skills/design-review in Prismer-AI/PrismerCloud) into .claude/skills/design-review in your project. Claude Code loads it when a task matches its description.

How do I install Design Review in Codex?

Run `npx skills add Prismer-AI/PrismerCloud --skill design-review -a codex`. Or copy the skill folder (sdk/apc/skills/design-review in Prismer-AI/PrismerCloud) into .agents/skills/design-review in your project. Codex loads it when a task matches its description.

Can I use Design Review in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Prismer-AI/PrismerCloud --skill design-review -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/design-review, .gemini/skills/design-review, .github/skills/design-review and .opencode/skills/design-review in your project.

What does Design Review need to run?

Going by SKILL.md and its folder, Design Review needs the command-line tools its instructions call (rg and npm). Its frontmatter pre-approves these tools: Bash. Compatibility (from SKILL.md): ["claude-code"].

Does Design Review access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Design Review safe to install?

Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Design Review use?

Design Review is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Design Review use?

About 1.3k tokens (SKILL.md is roughly 5.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Design Review?

Skills that share tags, products or a category with Design Review: Content Create Hero Image (prisma/web, 1.1k stars), Design Iteration Loop (modu-ai/moai-cowork, 306 stars), Design Audit (UniClipboard/UniClipboard, 1.9k stars) and Skill Authoring (notivn/AIEV, 127 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Design Review?

Prismer-AI (a GitHub organization) maintains it in Prismer-AI/PrismerCloud, which has 1,555 GitHub stars. The repository holds 88 skills in this directory. The repository was last updated on September 30, 2026.

Source: Prismer-AI/PrismerCloud on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.