B2B サイトの戦略・情報設計。価値提案・メッセージマップ・ジャーニー導線・意思決定マップ・信頼棚卸・トーン/禁止表現まで一気通貫でテンプレ化する。実装前フェーズ専用（全PJ共通）。
The English summary is being prepared. Showing the original description.
ax-inc-dev/claude-cursor-orchestration3Updated Apr 25, 2026
FreePublished on GitHub
figma-mcp-design-orchestrator
Figma MCP で「設計を Figma 上で完結」させる進行役。ユーザーファースト成果物→Canvas/MCP 実行。figma-use 必須・公式付属 Skill 連携（全PJ共通）。
The English summary is being prepared. Showing the original description.
ax-inc-dev/claude-cursor-orchestration3 stars(GitHub 3 + cccskills 0)
Works withFigma
Run score Not tested
See how to installFiles included (1)
- SKILL.md5.1 KB
SKILL.md (original)
Review the instructions the agent will receive before you install.
Figma MCP Design Orchestrator（全PJ共通）
When to Use
- ユーザーが Figma で画面／デザインシステム／LP を作り切りたい、
figma.comURL を渡した、コードより先にデザインを固めたいとき - Use proactively：Figma・デザインハンドオフ・Make・FigJam に触れる前に本 SKILL を Read
絶対順序（Web・チュートリアルと Figma 公式 INSTRUCTIONS の準拠）
Read: user-first-product-design — 外形（Figma）に入る前にアウトカムとタスクを固定する。- 成果物（任意）:
docs/design/ux-brief.md等に落とす — テンプレは~/.cursor/templates/docs-design/ - Figma MCP の 読み取り／デザイン→コードなら
get_design_contextを中核に（節「Design-to-code」）。 - Figma への書き込み（変数・コンポーネント・オートレイアウト・キャンバス編集）は
use_figmaのみ。その前に必ずfigma-useSkill を全文 Read（公式 MANDATORY）。 - Web ページを初めて Figma に取り込む用途は
generate_figma_design。既存フレームの更新・同期は基本use_figma（公式 INSTRUCTIONS の使い分け）。 - コンポーネントを増やす前に
search_design_system（既存を流用）。
Figma 付属 Skill の場所（この Mac）
プラグインキャッシュはハッシュで変わり得る。必ず 次を Glob で探してから Read すること。
- 優先パターン:
~/.cursor/plugins/cache/**/figma-use/SKILL.md - 同ディレクトリの
figma-generate-design/figma-implement-design/figma-code-connect-componentsなど
| やりたいこと | 読む Skill（最低限） | MCP ツールの目安 |
|---|---|---|
| キャンバスに書く・変数・コンポーネント | figma-use | use_figma（skillNames: "figma-use"） |
| コード／説明から 画面全体を Figma に | figma-use + figma-generate-design | use_figma + search_design_system、必要なら generate_figma_design |
| Figma から コード実装 | figma-implement-design | get_design_context |
| コード ↔ コンポーネント対応 | figma-code-connect-components | Code Connect 系ツール |
call_mcp_tool の server は環境により plugin-figma-figma（identifier）。利用前に MCP ディスクリプタでサーバー名を確認する。
URL から fileKey / nodeId
公式パース（INSTRUCTIONS 準拠）:
figma.com/design/:fileKey/:fileName?node-id=1-2→nodeIdは1:2（ハイフンをコロンに）- ブランチ URL:
.../design/:fileKey/branch/:branchKey/...→fileKeyには branchKey を使う figma.com/make/...→ Make ファイルキーfigma.com/board/...→ FigJam（get_figjam等）
デザイン・ファイルのベストプラクティス（調査ソースの合意）
- Auto Layout を前提に（読みやすい階層・実装時の一貫性）
- Variables／トークンで色・余白・角丸・タイポを持つ（ハードコード地獄を避ける）
- コンポーネントで再利用。増殖前に
search_design_system - 巨大フレームを避け、セクション単位で
use_figmaを分割（figma-use の「小ステップ」） - Design-to-code で返ったコードは 参照用。プロジェクトのスタック・既存 DS に合わせて改める（公式 INSTRUCTIONS）
Subagent 委譲（全PJ ~/.cursor/agents/）
| 段階 | Subagent | slash |
|---|---|---|
| UX 仕様のみ（Figma 触らない） | figma-ux-spec-lead | /figma-ux-spec-lead |
| キャンバス構築・変数・コンポーネント | figma-canvas-builder | /figma-canvas-builder |
親エージェントは Task にワークスペースルート・Figma URL・fileKey・対象ページ名・user-first の要約を渡す。
<SUBAGENT-STOP>
figma-canvas-builder に figma-use の全文を貼らない。**「fileKey」「やること」「参照フレーム名」**と figma-use を Read 済みで委譲する。
</SUBAGENT-STOP>
Design-to-code（実装フェーズ）
get_design_context(fileKey, nodeId, ...)— スクリーンショットは デフォルトで残す（excludeScreenshotはユーザーが省けと言ったときのみ）- Code Connect・注釈・CSS 変数ヒントを優先し、プロジェクトのコンポーネントにマッピング
- 実装 Skill: figma-implement-design を Read
参考リンク
- Cursor × Figma MCP の補助説明例: Builder.io — Figma MCP Server
- 「トークン準備がコード品質を決める」系の記事群と整合（設計前に変数化）
Reviews
No reviews yet. Tell others what you thought.
Comments
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
More skills from this repository
babysit
FreeKeep a PR merge-ready by triaging comments, resolving clear conflicts, and fixing CI in a loop.
The English summary is being prepared. Showing the original description.
ax-inc-dev/claude-cursor-orchestration3Updated Apr 25, 2026
法人向けHTMLプレゼンスライドの実装エンジン。Claude Codeから指示書（アウトライン＋テンプレート指定＋カラー＋コンテンツ）を受け取り、単一HTMLファイルとして実装する。43種テンプレート＋14種アニメーション。トリガー：プレゼン実装、スライドHTML生成、提案資料コーディング。
The English summary is being prepared. Showing the original description.
ax-inc-dev/claude-cursor-orchestration3Updated Apr 25, 2026
brainstorming
FreeYou MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
The English summary is being prepared. Showing the original description.
ax-inc-dev/claude-cursor-orchestration3Updated Apr 25, 2026
canvas
FreeA Cursor Canvas is a live React app that the user can open beside the chat. You MUST use a canvas when the agent produces a standalone analytical artifact — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, repeatable tools, or any response that benefits from visual layout. Especially prefer a canvas when presenting results from MCP tools (Datadog, Databricks, Linear, Sentry, Slack, etc.) where the data is the deliverable — render it in a rich canvas rather than dumping it into a markdown table or code block. If you catch yourself about to write a markdown table, stop and use a canvas instead. You MUST also read this skill whenever you create, edit, or debug any .canvas.tsx file.
The English summary is being prepared. Showing the original description.
ax-inc-dev/claude-cursor-orchestration3Updated Apr 25, 2026
Authors Cursor Rules (.cursor/rules/*.mdc) and custom Subagents (.cursor/agents/*.md or ~/.cursor/agents). Use when creating or refactoring rules/subagents, splitting large rules, choosing subagent vs skill, setting model/readonly/background, or replacing repeated delegation prompts.
The English summary is being prepared. Showing the original description.
ax-inc-dev/claude-cursor-orchestration3Updated Apr 25, 2026