この拡張パックは 道具4つ＋特典1つ でできています。
インストールが要るのは1つだけ。あとはブラウザで開くだけです。
このページの通りに進めれば、5分で全部使えます。
まずは中身の確認から。インストールが必要なのは3つ目だけです。
作りたい雰囲気を実例から目で選ぶと、配色・書体・構成・コピーの方向性・「避けること」まで入った制作プロンプトが書き出されます。用途で2冊に分かれています。
動くデモ46本と、技の図鑑413技のショールーム。気に入ったものの「プロンプトをコピー」を押してAIに貼るだけでも使えます。サイト構成から指示書を組み立てるプロンプトビルダーつき。
パレットを開く →AIに「アニメーション強化して」と話しかけるだけで、今あるサイトに動きを足すスキル。作りかけでも、もう公開しているサイトでも使えます。外せば元通りの非破壊ルールつき。特典のモーション図鑑MCPサーバー（413技をAIが直接検索）も同時に入ります。
「動きの強化室」だけインストールします。お使いのAIに合わせて、どれか1つでOKです。
Claude Code / Codex どちらでも。AIが自分でセットアップを進めます。
https://koubou-dl.pages.dev/kyoka の指示に従ってセットアップして
確実に入れたい方はこちら。Claude Code と Codex の両方を自動検出して、ある方（両方あれば両方）に入れます。
curl -fsSL https://koubou-dl.pages.dev/setup-kyoka.sh | bash
上の2つがうまくいかない時の保険。解凍して install.command（Mac）/ install.bat（Windows）をダブルクリックするだけです。
ZIPをダウンロード（約900KB）→
更新も同じ1行です。 もう一度実行するだけで最新版に入れ替わります（旧版は自動でバックアップされます）。
うまく入ったかの確認は、AIに「アニメーション強化して」と話しかけて反応が返ってくればOKです。
おまかせサイト工房をお持ちかどうかで、少しだけ手順が変わります。
いちばん強い組み合わせです。方向は図鑑が決め、品質は工房のゲートが担保します。
💡 過去に工房で建てたサイトも対象です。 手順3だけを既存サイトに実行すればOK。追加した動きは「外せば元通り」で入るので、公開中のサイトにも安全に足せます。
3つとも単体で完結します。工房が無くても大丈夫です。
この道具だけで作った制作デモを25本、公開しています。「どの型を選ぶとどうなるか」がそのまま見られます。
占い／レストラン／個展／パティスリー／保育園／ハンドメイド／マルシェ／士業／割烹／ガジェットEC／ヨガ／ラーメン／工芸／ウェディング／不動産／キッチンカー／進学塾／ベビーEC／AIコンサル／ドリンク／採用／宿／歯科／花屋／珈琲
つまずきやすいところを先に。
雰囲気（図鑑）→ 建てる → 動き（強化室）。動きは最後が基本です。同時に頼んでも、内部では先に建ててから動きが付きます。
大丈夫です。追加した動きは「外せば元通り」の非破壊ルールで実装されるので、運用中のサイトにも足せます。心配な方は、コピーで試してから本番に適用してください。
それぞれ単体で完結します。工房があると「建てる」工程の品質まで自動で担保される、という関係です。
両対応です。セットアップは両方を自動検出して、入っている方（両方あれば両方）にインストールします。
Codex CLI + ChatGPT Plus、または Claude Code + Claude Pro のどちらか（約$20/月）。図鑑とパレットはブラウザだけで使えます。特典のモーション図鑑MCPサーバーのみ Node.js 18以上が必要です（任意・無くても本体は動きます）。
1枚で完結する売りページ（ランディングページ）ならLP版、複数ページのある店舗・会社のホームページならサイト版です。図鑑のページ上部のリンクで行き来できます。
強化室には「同時に動くものは3つまで、イージングは2種以内」という設計ルールが入っています。提案は松竹梅から選べるので、控えめにしたい場合は「梅」を選んでください。