product-design
✓設計レビュー、トークン抽出、コンポーネント マッピング、実装計画を自動化します。 Figma MCP の直接統合により、設計の引き継ぎ時間が 6 ～ 10 時間から 5 分に短縮されます。ユーザーがデザイン レビュー、Figma モックアップ、またはデザインの引き継ぎについて言及したときに自動的に起動します。
SKILL.md
Automate design handoff from Figma to code with design system intelligence. Extract tokens, map components, detect drift, generate implementation plans.
New Architecture (v1.1.0+): Python directly connects to Figma MCP - no manual orchestration!
Output: Figma component → code component mappings with confidence scores
設計レビュー、トークン抽出、コンポーネント マッピング、実装計画を自動化します。 Figma MCP の直接統合により、設計の引き継ぎ時間が 6 ～ 10 時間から 5 分に短縮されます。ユーザーがデザイン レビュー、Figma モックアップ、またはデザインの引き継ぎについて言及したときに自動的に起動します。 ソース: alekspetrov/navigator。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/alekspetrov/navigator --skill product-design- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
product-design とは？
設計レビュー、トークン抽出、コンポーネント マッピング、実装計画を自動化します。 Figma MCP の直接統合により、設計の引き継ぎ時間が 6 ～ 10 時間から 5 分に短縮されます。ユーザーがデザイン レビュー、Figma モックアップ、またはデザインの引き継ぎについて言及したときに自動的に起動します。 ソース: alekspetrov/navigator。
product-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/alekspetrov/navigator --skill product-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/alekspetrov/navigator
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01