面倒な手作業から、
あなたを解放する

brief-me

デザイン着手前のビジネス要件ヒアリング。create-multi-pattern の実行前の詳細な要件定義に。結果の BRIEF はチャットに出力。ファイルとして保存して再利用可能

design-brief-me

デザイン着手前の設定ヒアリング。結果のDESIGN_BRIEFを`brief-me`のBRIEFと一緒に貼り付けると、後続スキルの質問がすべて省略され完全無人実行が可能に

hey-brief-me

brief-me と design-brief-me のどちらを実行するか複数選択で選び、選ばれたものだけを固定順（brief-me → design-brief-me）で実行するピッカー。複数回呼び出すのが面倒なときに

create-single-page

`create-multi-pattern`の無質問版。全て決定的なルールで自動確定し、単一ページを一発生成。質問を一切出さないため、連続プロンプトに繋げて無人実行できる

create-multi-pattern

複数レイアウトパターンを一括生成・比較。BRIEF を渡すことでより精緻な画面を生成可能。cognitive-ui-design と連携したトポロジーモデル割当にも対応

create-jp-lp

日本の商業LPに特有の画像運用・配色コンベンションに特化した単一ページ生成スキル。BRIEFから訴求ジャンルと業種を自動判定し、実例調査に基づくパレット・セクション構成を適用

japanese-lp-seasoning

フルブリード演出・カルーセル/バナースライダー・縦書きを、静的フレームでの見た目として選択・提案（スクロール連動アニメーションは対象外）、簡易実装処理まで

rewrite-me

選択したフレーム/セクション内のテキストを要件に合わせて書き直す。文章のボリューム調整、LP限定の行動経済学的説得軸にも対応。レイアウト・色・構造は一切変更しない

tidy-up

選択したフレームまたはコンポーネント（複数選択可）を、オートレイアウト／整理されたレイヤー名／正規化されたスペーシングで再構築する

figma-layer-rename

自動生成レイヤー名を検出し、確認のうえセマンティックな名前にリネーム。Sectionなどレイヤーの兄弟間で重複している名前も、オプションで差別化リネームの対象に

figma-tokenize

変数を使わずに値を直接ハードコードしている色・フォントサイズ・スペーシングを変数（トークン）化してバインド。テキストのスタイル化にも対応

figma-componentize

選択フレーム内の繰り返しパターン（ボタン・カード等）を検出してコンポーネント化を提案。バリアント生成、バリアントの変数化までを対話的に実行

figma-enhance

すでにトークン化・コンポーネント化済みのファイルをページ全体で監査し、さらなる改善点を検出・提案・実装まで自動で実行

hey-optimize-me

figma-layer-rename / figma-tokenize / figma-componentize / figma-enhance の中から実行したいタスクを複数選択で選び、選ばれたものだけを固定順で実行するピッカー

figma-systematize

選択フレームを「レイヤー名整理 → トークン化 → コンポーネント化」の3段パイプラインで一括処理。実行モード（自動／各ステップ確認あり）選択可

figma-audit

MCPを介したエージェントによるコーディング結果はフレームの構造に依存。選択フレームのAI実装精度を4観点で採点し、コンパクトなレポートを出力（詳細は追加要求で表示）

figma-component-audit

選択したコンポーネント/コンポーネントセット単体を、バリアント定義・コンポーネントプロパティ・レイヤー命名・Auto-layout・カラー/タイポグラフィトークンの5観点で採点

coding-prompter

デザインが完成した選択フレームを、コーディングエージェントに実装してもらうための実装プロンプトを生成する。使用したい技術スタックに合わせて細かな指示も可能

figma-contrast-check

選択フレーム内のテキストのWCAGコントラスト比（AA/AAA）を判定し、コンパクトなレポートを出力（詳細表示可）。自動修正にも対応

figma-alt-suggest

選択したフレーム/セクション内の IMAGE fill を持つノードをすべて検出し、実際にレンダリング結果を見た上で具体的な ALT テキスト案を提案

figma-annotate

Figma 純正のDevモード注釈（プリセットカテゴリ）を選択範囲に書き込み、コーディングエージェントへ構造だけでは伝わらない実装意図を渡す

figma-typescale

ベースサイズと比率を聞き、タイプスケールを生成。命名規則を「オリジナル」と「Tailwind」から選択可能。オリジナルはText Styleも作成、Tailwindは変数のみ

figma-design-md

DESIGN.mdとFigmaの変数・Text Style・コンポーネントを双方向に同期するスキル。Import/Exportどちらのモードでもプレビューページをオプションで生成

figma-i18n-translator

実装前のレイアウト確認用（本番の多言語実装・翻訳はコード側で行う想定）。選択したフレーム/セクションを言語ごとに複製し、INSTANCE内も含めて全テキストノードを翻訳

figma-japanese-web-guideline

日本語サイトのデザインを Figma で作成・編集する際に、AIが陥りやすいデフォルト（中央揃えの折り返し崩れ、行間の広げすぎ、不自然な配色など）を補正するガイドライン

hey-polish-me

既存のデザイン済みフレーム全体またはセクション単位を分析し、原本を残したまま改善案を作成する。コンパニオンスキル対応。出力はレポート・アノテーション・両方から選択可能

figma-mobile-convert

デスクトップサイズのフレームからモバイル版を生成。レイアウトやフォントサイズを自動調整し、必要に応じてタッチターゲットのサイズも調整

slot-table-maker

スロットテーブルを自動生成する。列数・行数をヒアリングし、固定ヘッダー＋可変データ行のテーブルコンポーネントシステムを生成する

agent-handoff

会話全体の履歴を確認したうえでハンドオフドキュメントを1つのフェンス付きコードブロックで出力。新しいチャットセッションの最初のメッセージとして貼り付けて作業を継続可

hey-be-careful

キャンバスではなくエージェント自身の振る舞いを対象とするガイドライン。新しいチャットの開始時や、より丁寧で入念な作業をさせたいときに