design-debt-audit について
design-debt-auditは、UIのデザイン負債を特定し、優先順位を付ける監査スキルです。問題を5つの分類で整理し、深刻度、頻度、作業量を基に評価して、対応状況を記録します。
主な機能
- 01視覚面や構造面などのデザイン負債を分類
- 025段階の監査プロセスを使用
- 03深刻度、頻度、作業量で優先順位付け
- 04更新し続ける負債台帳を管理
活用シーン
- 01UIの不整合を優先順位付きのバックログに整理
- 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
判断ツリー
-
完全版のスキルはすでにインストールされていますか?
- グローバル:
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 に進んでください
- グローバル:
-
スコープを検出してから、インストールします。
[ -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 -yClaude 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を参照してください
コメント
Markdown 対応