Menu
Figma Dev Mode MCP サーバーからデザインを取り込むときに使用する。アセット参照のルール、アイコンパッケージ追加禁止、プレースホルダー禁止などの注意事項を定義する。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
GitHub Pull Request を作成するときに使用する。タイトル規約、説明欄テンプレート、各セクションに書くべき内容、ベースブランチ、許可される操作、説明欄に含めるべき情報と禁止事項を定義する。
Git コミットメッセージを作成するときに使用する。コミットメッセージ規約と issue 番号の付与ルール、コミット/プッシュ実行時の許可ポリシーを定義する。
Tailwind CSS v4 でスタイリングするときに使用する。本プロジェクトで利用している v4 の構文ルール、Breaking Changes、新機能、Theme Configuration などをまとめている。
| name | figma-import |
| description | Figma Dev Mode MCP サーバーからデザインを取り込むときに使用する。アセット参照のルール、アイコンパッケージ追加禁止、プレースホルダー禁止などの注意事項を定義する。 |
Figma Dev Mode MCP サーバーは、画像や SVG アセットを提供するアセットエンドポイントを提供する。
Figma Dev Mode MCP サーバーが画像または SVG のローカルホストソースを返す場合、その画像または SVG ソースを直接使用すること。別の保存場所にコピーしたり、別のパスに変換したりしてはならない。
新しいアイコンパッケージをインポート / 追加してはならない。すべてのアセットは Figma ペイロードに含まれている必要がある。
例：
npm install lucide-react のような新規アイコンパッケージの追加ローカルホストソースが提供されている場合、プレースホルダーを使用または作成してはならない。
例：
<div className="bg-gray-200">画像</div> のようなプレースホルダー<img src="..."> で利用figma-desktop MCP（.mcp.json で定義済み）
mcp__figma-desktop__get_design_context でデザインを取得mcp__figma-desktop__get_screenshot でスクリーンショットを取得mcp__figma-desktop__get_metadata でメタデータを取得