figma-designer
✓Figma 設計を分析し、詳細なビジュアル仕様を備えた実装可能な PRD を生成します。ユーザーが Figma リンクを提供する場合、またはデザインのスクリーンショットをアップロードする場合に使用します。 Figma MCP サーバー接続が必要です。
SKILL.md
"Transform Figma designs into implementation-ready specifications with pixel-perfect accuracy"
This skill analyzes Figma designs through the Figma MCP server and generates detailed PRDs with precise visual specifications. It extracts design tokens, component specifications, and layout information that developers can implement directly.
If not available, install from: https://github.com/modelcontextprotocol/servers
Figma 設計を分析し、詳細なビジュアル仕様を備えた実装可能な PRD を生成します。ユーザーが Figma リンクを提供する場合、またはデザインのスクリーンショットをアップロードする場合に使用します。 Figma MCP サーバー接続が必要です。 ソース: charon-fan/agent-playbook。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/charon-fan/agent-playbook --skill figma-designer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
figma-designer とは？
Figma 設計を分析し、詳細なビジュアル仕様を備えた実装可能な PRD を生成します。ユーザーが Figma リンクを提供する場合、またはデザインのスクリーンショットをアップロードする場合に使用します。 Figma MCP サーバー接続が必要です。 ソース: charon-fan/agent-playbook。
figma-designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/charon-fan/agent-playbook --skill figma-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/charon-fan/agent-playbook
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01