🔧 AI駆動のデザイン・コードパイプライン 2026：FigmaからReactへの6フェーズ並列ワークフロー
このスキルは、FigmaのデザインをReactコードに変換するAI駆動の6フェーズ並列ワークフローを提供します。2026年最新のベストプラクティスに対応し、デザインからコードへの変換を自動化します。主にClaude CodeやCursorといったAIエージェントプラットフォームで動作し、デザインファイルの解析、コンポーネントの自動生成、スタイリングの適用、テストコードの生成までを行います。ワークフローは並列に実行されるため、従来の直列処理よりも高速に結果を得ることができ、プロトタイピングや本番コードの初期生成に役立ちます。
npx skills add giovannisacca/pixel-mcp-workflow🔧 AI駆動のデザイン・コードパイプライン 2026：FigmaからReactへの6フェーズ並列ワークフロー
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".