mcpField
D
design-debt-audit

design-debt-audit

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

关于 design-debt-audit

design-debt-audit 是用于识别和确定 UI 设计债务优先级的审查技能。它将问题分为五类，结合严重程度、频率和修复成本评分，并维护整改登记表。

主要功能

  1. 01分类视觉、结构等设计债务
  2. 02采用五步审查流程
  3. 03按严重程度、频率和成本排序
  4. 04维护持续更新的债务登记表

适用场景

  1. 01将 UI 不一致问题整理为待办清单
  2. 02确定设计问题的整改优先级

安装

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

$npx skills add https://github.com/podo/design-agent-skills --skill design-debt-audit

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

附带文件stub.yaml

详细介绍

design-debt-audit

目录占位条目 — 完整技能：Owl-Listener/designer-skills

决策树

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

    • 全局：f=~/.agents/skills/design-debt-audit/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/design-debt-audit/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 design-debt-audit 安装，调用它并继续
    • pointer → 前往第 2 步

  2. 检测范围，然后安装：

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

    全局：

    npx skills add Owl-Listener/designer-skills --skill design-debt-audit -g -y

    项目：

    npx skills add Owl-Listener/designer-skills --skill design-debt-audit -y

    Claude Code： 发送以 ! 开头的命令作为聊天消息，即可在不离开对话的情况下运行命令。

Claude Code 插件安装方式：

/plugin marketplace add Owl-Listener/designer-skills
/plugin install design-ops@designer-skills

注意

  • 许可证： MIT

安装后调用

  • 技能名称：design-debt-audit
  • 触发短语："design debt audit"、"design debt triage"、"UI inconsistency audit"、"design debt register"

功能

Owl-Listener 的 designer-skills 中的 design-debt-audit 技能：提供债务分类法（视觉 / 结构 / 无障碍 / 文档 / 实现）、五步审计流程（确定范围、分类、量化、排序优先级、修复）、Severity×Frequency/Effort 优先级评分，以及持续更新的债务登记表。将“UI 感觉不一致”转化为经过分类、可修复的待办事项。

不适用场景

  • 代码库 / 技术债务（而非设计债务）→ 使用代码质量技能
  • 正在发生的无障碍违规问题 → 使用 wcag-audit-patterns
  • 仅需检查 Token 覆盖率，或需要 designer-skills 的其他插件 → 参阅 designer-skills

评论

支持 Markdown