mcpField
P
plan-design-review

plan-design-review

github.com/podo设计与 UI29225 次安装4 天前更新
代码仓库

关于 plan-design-review

plan-design-review 是 gstack 中用于在实现前审查设计计划的技能。它评估计划完整度并检查七个方面，帮助团队发现缺口、讨论决策，并在编写代码前更新计划。

主要功能

  1. 01设计完整度评分
  2. 02七个方面的计划审查
  3. 03讨论缺口并更新计划
  4. 04可选的视觉模型图
  5. 05可选的独立设计意见

适用场景

  1. 01编码前审查产品计划
  2. 02发现遗漏的交互状态
  3. 03讨论无障碍与响应式设计缺口
  4. 04为计划生成可选模型图

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill plan-design-review

安装后在 Claude Code 中输入/plan-design-review确认已加载。

附带文件stub.yaml

详细介绍

plan-design-review

目录占位条目——属于 garrytan/gstack（plan-design-review）

决策树

  1. 是否已安装完整技能？

    • f=~/.claude/skills/gstack/plan-design-review/SKILL.md; [ -e "$f" ] && ! grep -qs "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 调用它并继续
    • pointer → 转到第 2 步

  2. 安装（skills CLI 无法安装此技能）：

    此技能属于 gstack，并会调用 gstack 的共享工具（~/.claude/skills/gstack/bin/…），因此应安装 gstack 本身，而不是单独安装此技能（--skill plan-design-review 会失败，因为 CLI 只能看到 gstack 的根路由；子路径形式 npx skills add garrytan/gstack/plan-design-review 安装的只有说明，不包含工具）。./setup 需要 Bun、会构建二进制文件、下载 Chromium，并在你的 Claude 设置中注册 Stop hook（使用 ./setup --no-timeline-stop-hook 可选择不启用）；运行前请询问用户。上游 README 还要求 Agent 在 setup 后将 gstack 部分添加到 CLAUDE.md。

    git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack
cd ~/.claude/skills/gstack && ./setup

注意

  • 需要： Bun（setup 拒绝使用低于 1.3.3 的版本；上游测试使用 1.4.2 及更高版本）、Git 和 Claude Code；可选：用于生成模拟稿的 gstack design 二进制文件及 OpenAI API 密钥；用于获取外部设计意见的 Codex CLI
  • 许可证： MIT
  • **下载大小：**约 98 MB。

安装后调用

  • 技能名称：plan-design-review
  • 触发短语："plan design review"、"design plan review"、"review ux plan"、"check design decisions"、"AI slop detection"

功能

以设计师的视角评审计划，而非线上运行的网站：Agent 会以 0–10 分评定计划的整体设计完整度，说明 10 分的计划应是什么样子，然后分七轮检查（信息架构、交互状态、用户旅程与情感曲线、AI 垃圾内容风险、设计系统一致性、响应式设计与无障碍性、未解决的决策），逐项询问你有关缺口的问题，并在编写任何代码前，将你接受的决策添加到计划中。它还可以选择生成视觉模拟稿（需要 gstack 的 design 二进制文件和 OpenAI API 密钥），并向外部意见方征询独立的设计意见。

根据 gstack 的 README，需要了解以下行为：默认启用外部评审，并会将评审提示词及相关计划或代码发送给第二家模型提供商（Codex，使用你自己的登录信息；运行 gstack-config set codex_reviews disabled 可关闭）；默认会运行 GitHub 更新检查；使用情况遥测为可选功能，只会询问一次。

不适用场景

  • 评审或修复正在运行的线上 UI——请使用 design-review-garrytan
  • 从头构建设计系统——请使用 design-consultation
  • 不想安装 gstack 工具（Bun、二进制文件、Chromium、Stop hook）时

评论

支持 Markdown