
※本記事にはプロモーションが含まれます。
AIに「おしゃれなLPを」と頼んでも方向性がぶれ、動きの指示も言語化できない。そんな迷いを、見本から選ぶ図鑑と数値入りモーション例で減らす教材セットです。
先に結論
CodexまたはClaude CodeでLP・サイトを作り、雰囲気のすり合わせと動きの実装を効率化したい人には候補です。
図鑑を見るだけで公開サイトが完成する教材ではありません。制作AIの契約、Node.js、実装確認、文章・画像・法務・表示速度の確認は別に必要です。
この記事でわかること
- LP・サイト見本117本の使い方
- 動くデモ46本とサンプル400超の範囲
- スキル5本+モーション図鑑MCP
- Codex・Claude Codeの必要環境と費用
- 購入者レビューと未確認の長期成果
※価格・販売状況・特典・利用条件は公式ページで最新情報をご確認ください。
この教材とは

なりタイ園長|京大卒AIオタクさんの「プロの型でサイト作りセット」は、Brain総合ランキングTOP5へ入った教材です。人気や販売数だけで決めず、含まれる内容、必要な環境、購入後の作業、まだ確認できない成果まで分けて見ていきます。


教材で学べる・使える内容

教材の価値は項目数ではなく、購入後に自分の作業へ一つずつ落とし込めるかで決まります。
| 段階 | 学ぶ・行うこと |
|---|---|
| 雰囲気図鑑 | LP89本・サイト28本から方向性を見て選び、制作プロンプトを書き出す |
| モーション | 動くデモ46本とサンプル400超から動き・強度・数値を選ぶ |
| 強化室 | お手本分析、演出提案、設計図、指示書、既存サイトへの後載せを行う |
| 制作デモ | 41本の業種別サイトで、道具の組み合わせと完成イメージを確認する |
最初からすべてを使う必要はありません。現在いちばん止まっている工程を一つ選び、小さな題材で最後まで進めると、教材が自分の環境に合うか判断しやすくなります。
4つの道具はどう使い分ける?
雰囲気を先に決め、次に動きを選び、最後にAIへ実装させる流れです。
| 道具 | 役割 |
|---|---|
| LP雰囲気図鑑 | 販売ページ向けに89本から方向性を選ぶ |
| サイト雰囲気図鑑 | 店舗・会社サイト向けに28本から選ぶ |
| モーションパレット | デモを見て動きの指示をコピーする |
| 動きの強化室 | 参考分析・提案・設計・既存サイトへの後載せをAIに依頼する |
クライアント案件では、図鑑から候補を2〜3本選んでもらい、色・書体・セクション・避けることを先に合わせると、完成後の「雰囲気が違う」を減らせます。モーションは派手さではなく、読みやすさと行動導線を壊さない強度から始めるのが安全です。
公開前に図鑑以外で確認すること
サイトの見た目が整っても、問い合わせフォーム、計測タグ、スマホ表示、読み込み速度、アクセシビリティ、プライバシーポリシー、画像・フォントの利用条件は自動的に完成しません。特に動きを増やすと、低性能端末での重さや、動きに弱い利用者への配慮が必要です。
最初は1ページで公開前チェックを通し、問題がなければ他ページへ展開しましょう。
購入後に失敗しにくい進め方
教材を買った直後は、最初から最後まで一気に理解しようとすると止まりやすくなります。まず目次と特典を確認し、今の自分に必要な一章だけを選びましょう。その章で使う素材、数字、アカウント、パソコン環境などを先に用意してから読むと、説明を自分の作業へ置き換えやすくなります。
| 手順 | 行うこと |
|---|---|
| 1. 目的を一文にする | この教材で最初に何を完成させたいかを書く |
| 2. 小さな題材を選ぶ | 本番より短い・少ない・安全な題材で試す |
| 3. 出力を確認する | 事実、数字、権利、表示、音、導線などを自分で見る |
| 4. 一点だけ直す | 全部を作り直さず、最も大きい問題から修正する |
| 5. 記録を残す | 使った条件と結果をメモし、次回の判断材料にする |
最初の成果は、大きな売上や劇的な時短ではなく、小さな一件を最後まで安全に完成させることです。
一回目は教材の説明どおりに進め、二回目から自分の状況へ合わせて調整します。最初から独自の方法を大量に足すと、教材のどこが役立ったのか、何が原因で止まったのか分からなくなります。質問やコミュニティがある場合も、『できません』だけでなく、使った環境、行った手順、表示された結果を短く添えると具体的な助言を受けやすくなります。
特典・サポート・必要環境
セットは「おまかせサイト工房」がなくても、CodexまたはClaude Codeがあれば単体利用できると説明されています。雰囲気図鑑とモーションパレットはブラウザで開き、強化室は購入後の1行セットアップで導入。Node.js 18以上が必要です。レビュー特典とオープンチャット投稿特典は受取条件が異なります。
購入前に読み違えない
特典・価格・販売枠・対応サービスは更新される場合があります。購入画面と本文に差があるときは、決済直前の表示と販売者の最新案内を優先してください。
購入前チェック
買う前に確認したい5点
- CodexまたはClaude Codeを使える
- Node.js導入とセットアップ確認ができる
- 作りたいLP・サイトの目的と素材がある
- 実装後のスマホ表示・速度・リンクを確認できる
- 見本の丸写しではなく自分の情報へ置き換えられる
※価格・販売状況・特典・利用条件は公式ページで最新情報をご確認ください。


口コミ・評判

2026年10月17日時点のBrain公式表示は評価5.0・レビュー16件です。直近レビューでは、デザインの方向性を先に選べること、指示の迷いが減ること、既存のサイト工房を強化できる期待が目立ちます。案件売上や公開後CV改善の第三者長期報告はまだ分けて見る必要があります。
| 購入者 | 公開レビュー要旨 |
|---|---|
| みぃー/5点 | クライアントとのデザインすり合わせと品質向上の課題に合い、おまかせサイト工房との併用へ期待。 |
| あおの/5点 | 既存のサイト工房をさらにブラッシュアップできる点に期待。実践成果はこれから。 |
| あーちゃん/5点 | 雰囲気を言葉で悩まず決められ、AIへの指示の迷いと後からの修正が減ったと具体的に評価。 |
発売直後の読みやすさ・期待と、数週間後の継続成果は別の判断材料です。
X上の公開投稿による口コミ
2026年10月17日にXの公開投稿を調べたところ、今回の商品名・商品URLで確認できた第三者投稿はほぼ1件でした。ナマケモノ|AIで面倒をラクにさんは、販売者の過去実績とコラボを理由に「LP制作を収入につなげたい人」に向くと紹介しています。ただし、投稿者自身がPRと明記しており、購入後の実践報告ではありません。
X上では、今回の商品でサイトを作れた、案件収入やCV改善につながったという第三者の公開報告は確認できませんでした。 否定的投稿も見つかっていませんが、口コミ自体が少ないため、Brain公式レビューとPR紹介、過去商品の実績を混同しないことが大切です。
※価格・販売状況・特典・利用条件は公式ページで最新情報をご確認ください。
実績数字と再現性はどう見る?
販売ページには、販売者自身や関係者の成果、制作時間、改善率、売上例など、強い数字が掲載されることがあります。これらは教材の背景を知る材料ですが、購入者全員の平均ではありません。同じ手順でも、開始時点の知識、既存の顧客やフォロワー、扱う商品、素材の品質、作業時間、パソコン性能によって結果は変わります。
数字を4段階に分ける
- 販売者が示した実績例
- 購入者が読んだ直後の理解・期待
- 購入者が実際に作業を完了した報告
- 一定期間後の売上・継続・改善結果
『分かりやすかった』は教材の説明品質を示します。『一つ完成した』は実行しやすさの参考です。『売上が出た』『作業時間が減った』はより具体的ですが、期間と条件が分からなければ再現性までは判断できません。レビューでは、どの段階を評価しているのかを分けて読みましょう。
大きな数字ほど、誰が・いつ・何を・どの条件で達成したかを確認することが大切です。
自分の購入判断では、販売者と同じ成果を目標にする前に、今月の小さな基準を置くのが現実的です。たとえば一本完成させる、診断を一回終える、投稿から記事へ移動する人数を測る、といった確認可能な目標です。達成できなかった場合も、教材が合わないのか、準備不足なのか、作業量が不足したのかを分けられます。
メリットと注意点
メリット
- 雰囲気を見て選び制作指示へ変換できる
- LPと一般サイトの見本を使い分けられる
- 動きの強さ・速度・順番を数値で扱える
- 既存サイトへ後から動きを追加できる
- CodexとClaude Codeの両方を想定している
注意点
- 制作AIの月額や利用枠が別に必要
- Node.jsとローカル制作環境の確認が必要
- 図鑑だけで文章・導線・法務は完成しない
- 参考サイトのコピーや素材権利に注意
- 割引経路と通常価格が複数ある
強い実績コピーは販売者の経験や環境を含む結果です。購入前には、同じ作業環境があるか、どこまで自分で確認・実行するかを具体的に置き換えてください。
教材代以外に見ておきたいコスト
購入価格だけでなく、AIサービス、画像・動画生成、予約投稿、編集ソフト、保存容量、コミュニティ参加、パソコン環境などの費用が別に必要になる場合があります。無料枠で試せる機能でも、処理量や利用人数が増えると有料プランが必要になることがあります。販売ページに書かれていない契約を前提にしないよう、最初に使う機能だけで月額を見積もりましょう。
| コスト | 確認したい内容 |
|---|---|
| 教材代 | 7,480円。価格改定・販売枠を決済前に再確認 |
| 外部サービス | AI、画像・動画、予約、保存、決済など。必要機能だけ確認 |
| 機材・環境 | パソコン、OS、メモリ、ストレージ、通信環境 |
| 作業時間 | 読む、準備する、確認する、修正する、公開後に改善する時間 |
| 権利・安全 | 素材の商用利用、個人情報、機密情報、公開前チェック |
返金保証やサポートがある場合も、条件・期限・必要記録を確認してください。『合わなければいつでも返金』とは限りません。また、質問できることと、作業を代行してもらえることは別です。サポートを重視する人ほど、自分が期待する対応が含まれるかを具体的に確かめておくと安心です。
※価格・販売状況・特典・利用条件は公式ページで最新情報をご確認ください。
向いている人・慎重な人

向いている人
- AIでLP・サイトを制作している
- クライアントと見た目をすり合わせたい
- 静的なサイトへ動きを加えたい
- 出力後の確認と修正ができる
慎重に判断したい人
- スマホだけで制作したい
- AI開発環境を準備したくない
- 図鑑を選ぶだけで公開完了すると期待する
- 実装・表示・権利確認をしたくない


最終判断
買う・待つ・見送るの基準
購入後24時間以内に最初の一歩を実行できるなら、買う理由があります。
時間や環境が未準備なら待つ。求める範囲が違う、または成果保証だけを期待するなら見送る判断で大丈夫です。
買う場合は、最初に試す作業と確認項目をメモしましょう。待つ場合は、どの情報が増えれば判断できるかを決めておくと、価格変動だけで焦りにくくなります。
よくある質問
現在価格は変わりますか?
2026年10月17日の公式表示は7,480円です。段階的値上げや販売枠がある教材もあるため、決済画面を優先してください。
高評価なら同じ成果を期待できますか?
評価は内容や分かりやすさの参考になりますが、売上・時短・改善率の保証ではありません。何を試したレビューかまで確認してください。
購入後は何から始めればよいですか?
教材全体を眺めた後、今いちばん止まっている工程を一つ選び、小さな題材で最後まで進めるのがおすすめです。
まとめ
なりタイ園長|京大卒AIオタクさんの「プロの型でサイト作りセット」は、CodexまたはClaude CodeでLP・サイトを作り、雰囲気のすり合わせと動きの実装を効率化したい人には候補です。
図鑑を見るだけで公開サイトが完成する教材ではありません。制作AIの契約、Node.js、実装確認、文章・画像・法務・表示速度の確認は別に必要です。
価格やランキングより、自分の目的・環境・作業時間に合うかを基準に選びましょう。
※価格・販売状況・特典・利用条件は公式ページで最新情報をご確認ください。