audit-design-system

audit-design-system

Figma MCPで既存デザインシステムを監査・棚卸しし、コンポーネント、トークン、パターン、設計負債を根拠付きで整理するスキル。

AIスキル大辞典による日本語要約
品質評価97/100評価確度:標準
人気度(GitHub Star) 24発掘スコア 100
01

このSkillでできること

  • ✓Figmaファイル、ページ、フレーム、選択範囲などの構造を調査し、ファイルマップを作成する
  • ✓コンポーネント、変数、トークン、パターン、状態、利用ルールを棚卸しする
  • ✓反復するUI判断やトークン依存関係を分析し、設計負債と推奨事項を整理する
  • ✓明示的な依頼がある場合に、Figma内のデザインシステム documentation pages作成を支援する
02

使い方

01
STEP 1

通常は読み取り専用で、Figma MCPを使ってメタデータ、デザインコンテキスト、スクリーンショット、変数、ライブラリなどを確認する

02
STEP 2

対象範囲を特定し、ファイル、コンポーネント、トークン、パターンのインベントリを作成する

03
STEP 3

重要な結論ごとにFigma上の証拠、観測値、利用回数、信頼度を記録する

04
STEP 4

作成・編集・削除などの変更は、ユーザーが明示的に依頼した場合に限る

03

Skillのインストール

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/schudarin/chudarin-figma-skills
手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

curl -fsSL https://claude.ai/install.sh | bash
mkdir -p ~/Design/my-product
cd ~/Design/my-product
claude
git clone https://github.com/schudarin/chudarin-design-skills ~/chudarin-design-skills
mkdir -p ~/.agents/skills
for s in ~/chudarin-design-skills/skills/*; do ln -sfn "$s" ~/.agents/skills/; done
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

このFigmaファイルのデザインシステムを監査してください。コンポーネント、変数、トークン、パターン、設計負債を棚卸しし、各結論にFigma上の証拠と信頼度を付けて整理してください。変更は行わないでください。
出力例を見る
概要、ファイルマップ、コンポーネントインベントリ、トークンインベントリ、パターンインベントリ、因果関係、設計負債、推奨するFigmaドキュメント構成、優先順位付きの次のアクション。
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり
Shellコマンド実行検出あり
ファイル読み取り明確な記述なし
ファイル書き込み検出あり
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
  • shell: /` for Codex and `~/.claude/skills/` for Claude Code: ```bash git clone https://github.com/schudarin/chudarin-design-skills ~/chudarin-design-skills mk
  • file_write: udarin/chudarin-design-skills ~/chudarin-design-skills mkdir -p ~/.agents/skills for s in ~/chudarin-design-skills/skills/*; do ln -sfn "$s" ~/.agents/
  • network: ~/.claude/skills/` for Claude Code: ```bash git clone https://github.com/schudarin/chudarin-design-skills ~/chudarin-design-skills mkdir -p ~/.agents/sk
  • network: r own notes. ## 🎛️ Also by me [chudarin-context-mod](https://github.com/schudarin/chudarin-context-mod): a side panel for Claude Code that shows what f
06

関連Skill