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のインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/schudarin/chudarin-figma-skills手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
curl -fsSL https://claude.ai/install.sh | bashmkdir -p ~/Design/my-product
cd ~/Design/my-product
claudegit 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/; done04
この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
asd-ste100
asd-ste100
AIやシステムが誤読しやすい英語を、ASD-STE100の考え方で明確な技術英語に書き換えます。
評価確度:暫定ai-toolsanthropicclaude-ai
mintlify
Mintlifyドキュメント作成・管理
MintlifyでMDXベースのドキュメントサイトを作成・管理し、設定、ナビゲーション、コンポーネント、APIリファレンスを扱うスキル。
評価確度:暫定
human-ai
human-ai
英語文から反復的なAIらしい表現や誇張、機械的な構成を取り除き、事実・意味・著者の声を保って自然に整えるスキル。
agentic-aiclaude-codecodex