mcpField
D
design-review-garrytan

design-review-garrytan

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

关于 design-review-garrytan

design-review-garrytan 是 Garry Tan 的 gstack 工具包中的设计技能,可对 UI 进行结构化视觉审查,确定问题优先级,并通过原子提交修复问题。

主要功能

  1. 01结构化 UI 视觉审查
  2. 02确定设计问题优先级
  3. 03以原子提交修复问题
  4. 04支持项目级或全局安装

适用场景

  1. 01检查产品 UI 的视觉问题
  2. 02梳理并修复设计债务

安装

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

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

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

附带文件stub.yaml

详细介绍

design-review-garrytan

目录占位条目 — 完整技能:garrytan/gstack

决策树

  1. 是否已安装完整技能? 检查此位置的技能是否仍包含 das: 块:

    • 全局:grep -q "^das:" ~/.agents/skills/design-review-garrytan/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目:grep -q "^das:" .agents/skills/design-review-garrytan/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 不包含 das: 块 → 已安装完整技能,调用它并继续
    • 包含 das: 块 → 转到第 2 步
  2. 检测范围,然后安装:

    检测范围:

    [ -e ~/.agents/skills/design-review-garrytan ] && echo "global" || echo "project"
    

    全局(使用 -g 安装):

    npx skills add garrytan/gstack --skill design-review-garrytan -g -y
    

    项目(不使用 -g 安装):

    npx skills add garrytan/gstack --skill design-review-garrytan -y
    

    **Claude Code:**发送任一命令作为以 ! 开头的聊天消息,即可在不离开对话的情况下运行它。

安装后调用

  • 技能名称:design-review-garrytan
  • 触发短语:"design review"、"visual audit"、"UI audit"、"fix design issues"

功能

采用“会写代码的设计师”方法:对 UI 进行结构化视觉审查,然后通过原子提交逐一修复问题。将设计债务视为技术债务——识别问题、确定优先级并交付修复。该方法来自 Garry Tan 的 gstack,这是他用于打造设计精良产品的工具包。

评论

支持 Markdown