mcpField
D
design-debt-audit

design-debt-audit

github.com/podoデザイン・UI29170 回インストール4 日前に更新
リポジトリ

design-debt-audit について

design-debt-auditは、UIのデザイン負債を特定し、優先順位を付ける監査スキルです。問題を5つの分類で整理し、深刻度、頻度、作業量を基に評価して、対応状況を記録します。

主な機能

  1. 01視覚面や構造面などのデザイン負債を分類
  2. 025段階の監査プロセスを使用
  3. 03深刻度、頻度、作業量で優先順位付け
  4. 04更新し続ける負債台帳を管理

活用シーン

  1. 01UIの不整合を優先順位付きのバックログに整理
  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 スキルです。負債の分類体系(ビジュアル/構造/アクセシビリティ/ドキュメント/実装)、5 ステップの監査プロセス(スコープ設定、分類、定量化、優先順位付け、修正)、重大度×頻度/工数による優先順位スコア、継続的に更新する負債登録簿を提供します。「UI に一貫性がないように感じる」という状態を、トリアージして修正可能なバックログに変えます。

使用しない場合

  • コードベース/技術的負債(デザインではない)→コード品質スキルを使用してください
  • 実際に発生しているアクセシビリティ違反 → wcag-audit-patterns を使用してください
  • トークンの網羅性に特化した場合、または designer-skills のその他のプラグインを使う場合 → designer-skills を参照してください

コメント