메뉴
Figma Dev Mode MCP サーバーからデザインを取り込むときに使用する。アセット参照のルール、アイコンパッケージ追加禁止、プレースホルダー禁止などの注意事項を定義する。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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 でメタデータを取得