yuu
雰囲気図鑑の作者／LP案件で受注中
- AI活用の事業サポート・制作案件の受注が合計100万円超（2026年7月・本人報告）
- LP案件の実例: 18万円・15万円・13.2万円・8.8万円（7〜8月）
- 「作ってきたLP図鑑がかなり役立ちました」（8月の報告）
※ 本人の実績報告（2026年7〜8月）の数字です。個人の実績で、購入した方の成果を約束するものではありません。
このクオリティならLP制作はしっかり料金をいただいて良いと思います
Claude Code・Codexでサイトを作る人の道具セット
- 単体で完結
- おまかせサイト工房があれば、さらに効く
これだけで、売れるレベルのサイトが作れる。
雰囲気は、言葉にしなくていい。117本の見本から選び、動きは400以上のサンプルから足すだけ。
VOIDGEAR ARC-1
ガジェットEC図鑑＋工房＋強化室
実物29本の棚。ドラッグで送れます
中身の本数
雰囲気の見本
LP用89＋ホームページ用28
その場で動くデモ
プロンプトは配色・動きの緩急・秒数まで数値入り
動きのサンプル
雰囲気8種×強度3段階で絞り込める
実物の制作デモ
全部ちがう業種、全部ちがう動き
PROOF
29本、全部ちがう。
業種も動きも、ぜんぶ別。4つの組み合わせで絞り込めます。
星読みルーム ソラリア
占い・カウンセリング
図鑑＋強化室Restaurant Lumière
記念日レストラン
図鑑＋強化室
『線と余白』高瀬こずえ 個展
個展・アートギャラリー
図鑑＋強化室Pâtisserie POPOTTE
パティスリー
図鑑＋強化室そらまめ保育園
園・教室
図鑑＋強化室
アトリエ 糸と針
ハンドメイド
図鑑＋強化室
みなと日和マルシェ
マルシェ・野外フェス
図鑑＋強化室
ながれ司法書士事務所
士業
図鑑＋強化室割烹 余白
割烹・和食
図鑑＋工房＋強化室VOIDGEAR ARC-1
ガジェットEC
図鑑＋工房＋強化室
よはくヨガスタジオ
ヨガスタジオ
図鑑＋工房＋強化室
麺処 炎路
ラーメン店
図鑑＋強化室
工藝しらべ
和モダン工芸EC
図鑑＋強化室ウェディングフォト ルーチェ
フォトウェディング
図鑑＋強化室
レジデンス灯 渋谷
高級不動産
図鑑＋強化室MARCHÉ WHEELS
キッチンカー
図鑑＋強化室
蒼進ゼミ
進学塾
図鑑＋強化室
baby fuwari
ベビー用品EC
図鑑＋強化室凪コンサルティング
AI導入コンサル
図鑑＋強化室
PULP! STAND
ドリンクスタンド
図鑑＋強化室
ナオス株式会社 採用
エンジニア採用
図鑑＋強化室
宿 月あかり
大人の宿
図鑑＋工房しらかば歯科クリニック
歯科クリニック
図鑑＋工房
花暦
フラワーショップ
工房＋強化室
錨珈琲焙煎所
コーヒーロースタリー
工房＋強化室TRAIL & CO.
アウトドアギアEC
図鑑＋強化室
サウナと銭湯 湯気の森
サウナ・銭湯
工房＋強化室KIZASHI PERSONAL GYM
パーソナルジム
図鑑＋工房＋強化室
ひびきピアノ教室
ピアノ教室
図鑑＋工房パレット46本の動きは、この29本のどこかで全部使っています。うち4本は、Codexで建てました。
ギャラリーで全部見るFOR KOUBOU OWNERS
工房で建てたサイトに、後から動きを足せます。
動きの強化室は、AIに頼んで動きを足してもらう道具です。作り直しは要りません。外せば元通り。
元のまま
1 / 4
回して、確かめる
ダイヤルを回すと、動きが段階的に足されます。「元のまま」に戻せば、静止状態に戻ります。
工房＋強化室で建てたデモ
作り直し不要
過去のサイトはそのまま。動きを足して、外せば元通り。
ズレが減る
方向は図鑑で決め、仕上がりは工房の品質ゲートで確かめる。
環境の追加なし
工房が動く環境なら、やることは1行のセットアップだけ。
強さを選べる
控えめ・標準・しっかりの3段階（梅・竹・松）から選べます。
工房が無い方は、このセットから。土台の工房は、後からでも大丈夫です。
工房をお持ちの方へ。工房の記事（Brain）の有料部分に、優待価格で買えるリンクを置いています。このページのボタンより先に、そちらをご確認ください。
MAKERS
作ったのは、現場で手を動かす2人。
ちせ
モーションパレット・動きの強化室の作者／現役フリーランスエンジニア
- Web制作・EC構築（Shopify）・アプリ開発が本業
- 元AI研修会社で、教材づくりを担当
- コミュニティ内で分析ツールのコードレビュー＋自動テストを受注
仕事が爆速なうえ、本当に丁寧
企画と土台（おまかせサイト工房）は、なりタイ園長。
INSIDE
中身は、4つの道具。
図鑑とパレットはブラウザで開くだけ。強化室はAIに1行貼るだけ。
01見本89本
LP雰囲気図鑑作: yuu
作例から選ぶと、配色・書体・構成の「採用方針」が出ます。そのままAIに渡す制作プロンプトを書き出せます。
ブラウザで開くだけ
02見本28本
サイト雰囲気図鑑作: yuu
ホームページ用の見本です。LP図鑑と合わせて、117本から選べます。
ブラウザで開くだけ
03動くデモ46本・動きのサンプル400以上
モーションパレット作: ちせ
その場で動くデモを見て「プロンプトをコピー」。配色・動きの緩急・タイミングまで数値入りです。
ブラウザで開くだけ
「このサイトのアニメーションを強化して」
松竹梅で提案が返ります
梅竹松04スキル5本＋モーション図鑑
動きの強化室作: ちせ
「このサイトのアニメーションを強化して」と話しかけるだけ。追加した動きは、外せば元通り。
AIに1行貼るだけ（2〜3分・1回）
工房が無くても使えます。あれば、さらに効きます。
PICK BY EYE
見て、選ぶだけ。
雰囲気を言葉にしなくていい。図鑑もパレットも、目で決められます。
雰囲気図鑑
- 作例から選ぶ
- ことばで探す
- 業種で絞り込む
選んだ作例の採用方針
- 配色（この3色で組みます）
- 書体
- 密度・形・CTA
- 構成（想定セクション）
- コピーの方向性
- 避けること
方向を決める工程が、プロンプトの前に終わります。だから、出てくるものがブレにくくなります。
モーションパレット
01
静謐・和
プロンプトをコピー
雰囲気8種×強度3段階で絞って、数値入りのプロンプトをAIに貼るだけ。
HOW TO ASK
頼み方は、3通り。
選ぶ・おまかせ・お手本分析。どれも普段の言葉で頼めます。
①選ぶ
パレットで見て「プロンプトをコピー」
AIに貼るだけ
②おまかせ
「このサイトのアニメーションを強化して」
松竹梅で提案が返ります
③お手本分析
「このサイトのアニメーションを分析して」＋URL
動きの緩急や秒数まで実測
パレットと強化室、どう使い分ける？
▶ 再生する90秒の解説。実画面の録画で、違いと使い方がわかります。
Claude Code／Codex／Cursor に対応。
MADE WITH ITSELF
このページも、この型で。
図鑑で決めて、工房で建てて、パレットの動きを載せ、強化室で仕上げました。使った道具と順番は、セットの中身と同じです。
使った動きと設定を見る
配色と書体（図鑑の指定どおり）
#FEFEFE#050507#3783D7Zen Kaku Gothic NewM PLUS 1p
このページで使った動き
- Type Reveal見出し
- Cover Flow実物の棚
- Flap Board本数
- Grid Morph29本の絞り込み
- Dial Select工房をお持ちの方へ
- Counter Scroll作った人
- Stack Cards4つの道具
- Chrono Shift雰囲気×強度
- Orbit Path頼み方
- Blueprint Buildこの節
- Tide Gauge最後
モーションパレットの動くデモから、数値を尊重して翻案しました。
強化室で後載せした動き
- ナビの進捗線
- ヒーローの順送り着地
- 節見出しの線と説明文
- リストの順送り
- CTAの光の帯
竹案を採用。追加は分離ファイル2つと読み込み2行だけで、外せば元通りです。
強化室のセットアップは、この1行だけ
https://●●●●●●/setup.md を読んで、書いてあるとおりにセットアップして全文は、購入後にご案内する受け取りページに載せています。
OFFER
価格と、必要なもの。
セット1つで4つの道具。必要な環境は、これだけです。
入っているもの
- LP雰囲気図鑑（見本89本）＋サイト雰囲気図鑑（見本28本）
- モーションパレット（動くデモ46本・動きのサンプル400以上）
- 動きの強化室（AIに入れる追加機能一式）
- 受け取りページ（1行セットアップ・使い方・FAQ・29本ギャラリー）
必要な環境
AI（どれか1つ）
Claude Code／Codex／Cursor。Claude Code＋Claude Pro、Codex＋ChatGPT Plus なら約$20/月（2026年9月時点）
ブラウザ
図鑑とパレットは、開くだけ
Node.js 18以上
動きの強化室を動かすため
おまかせサイト工房は任意です。あれば、土台としてつながります。
購入後にご案内する受け取りページから、すぐ使えます。
FAQ
よくある質問
買う前に引っかかりやすい点だけ、短く。
工房が無くても使えますか？
使えます。Claude Code／Codex／Cursor のどれかがあれば、このセットだけで完結します。工房は後からでも。
「売れるレベル」って、売れる保証ですか？
いいえ。売れるかは、商品と集客で決まります。このセットが担うのは、サイトの側で負けないところまで。「売れるレベル」は、yuuが納品している水準のことです。
公開済みのサイトに使っても、壊れませんか？
追加した動きを外せば、元のサイトに戻ります。なりタイ園長の環境で機械照合し、差分ゼロでした。念のため、使う前にバックアップかgitの保存をおすすめします。
使えるAIは？
Claude Code／Codex／Cursor。導入はAIに1行貼るだけ（2〜3分・1回）。
パレットと強化室の違いは？
パレットは見て選ぶ道具。強化室は頼んで足してもらう道具。90秒の動画で解説しています。
インストールは必要ですか？
図鑑とパレットは不要。ブラウザで開くだけ。強化室はAIに1行貼るだけです。
建てたサイトも、これからのサイトも。
ここから、プロの型で。
価格・購入はBrainの販売ページで。購入後すぐ、受け取りページへ。