
手書きラフからLPまで、Claudeが一気に仕上げる
朝の出汁版(通勤2分)
- ポイント1: Claude FableとClaude Designを組み合わせると、手書きのラフや断片的な仕様書から不足・矛盾を補完しながらLPのたたき台を自動生成できることが報告されている。
- ポイント2: Claude Codeのデスクトップアプリとターミナルは別アカウントで同時起動できるため、2アカウント分を並行稼働させることで開発・制作の物量を単純に倍にできる構造になっている。
- ポイント3: LP制作を試したい人はまずClaude Fableにラフのスケッチやメモをそのままアップロードするところからはじめてみると、たたき台生成の流れが把握できる。
出汁の素(深読みモード)
これって結局どういうこと?
Claude Fable と Claude Design を組み合わせると、手書きのラフや断片的なメモを渡すだけで、LP のたたき台を自動生成できる。ポイントは「補完力」で、情報が不足していたり矛盾していたりしても、意図を読み取りながら整理してくれる点が報告されている(出典:@shota7180 の投稿)。要は「ちゃんとした仕様書がなくても形にしてくれる」ということ。さらに Claude Code のデスクトップアプリとターミナルは、別アカウントで同時起動できることも確認されており(出典:@masahirochaen の投稿)、2 アカウントを並行稼働させることで制作の物量を単純に倍にできる構造になっている。LP 制作から開発まで、「一人で全部やる」スタイルとの相性がいい組み合わせとして注目されている。
なぜこのタイミングで重要?
これまで LP 制作でつまずくポイントは「ラフを言語化する工程」だった。デザイナーに渡すための仕様書を書く、コピーライターへのブリーフを整える、そういった「橋渡し作業」に時間がかかる構造は変わっていなかった。Claude Fable はその橋渡し工程ごと引き受けてくれる設計で、「曖昧な入力を成果物まで落とし込む」という使い方が現場の報告として出てきている点は興味深い。
タイミングとして重要なのは、Claude 系のツールが「コードを書く人向け」から「アウトプットをつくる全員向け」へと広がっていることだ。Claude Code が開発者向けに注目を集めてきた一方で、Claude Design という UI 制作に特化したレイヤーが加わることで、LP・バナー・資料といったノンコード制作物まで射程に入った。Claude Codeで「コードを書く人」から「指示する人」へでも触れた通り、「指示する側」へのシフトはコードの外にも広がりつつある。
並行起動の件も見逃せない。2 アカウントを同時稼働させるというのは、言い換えれば「AI の処理能力を物理的に並列化する」構造で、1 人でも複数タスクを同時進行させやすくなる。コストとのトレードオフはあるが、仕事の速度が問われるシーンでは選択肢として頭に入れておく価値がある。
具体的に始めるなら
まず試したい人向け:ラフ画像を Claude Fable に投げる
Claude Fable は claude.ai からアクセスできる。無料プランでも利用可能な範囲があるが、画像アップロードや高度な補完機能は Pro プラン(月額 20 ドル)が必要になる場合があるため、公式の機能一覧で確認してから動くのが現実的だ。
やり方としては、手書きのラフ画像・箇条書きのメモ・雑なコピー案をそのまま貼り付けて「LP のたたき台を作って」と指示するだけでいい。仕様が不完全でも Claude が不足情報を補完する形で進めてくれるため、「整ってから始める」より「雑に投げて反応を見る」ほうが使い方に合っている。最初のプロンプトは AIへの指示、「短く」では伝わらない理由 で紹介されているように、目的・文脈・出力形式を一緒に渡すと精度が上がりやすい。
デザイン出力まで一気に進めたい人向け:Claude Design と連携する
Claude Design は Claude Fable で生成したテキスト・構成をもとにデザインカンプに近い形まで落とし込むことができる。アクセス先は同じく claude.ai で、プロジェクトとして一本化して進めるとコンテキストが引き継がれるため作業がつながりやすい。
発展的な使い方として、生成した LP のたたき台を Figma や Notion にペーストし、そこから修正ループを回す構成が現実的だ。完成品として使うより「叩き台生成機」として使うほうが実用に近い。
物量を増やしたい人向け:2 アカウント並行起動を検討する
Claude Code のデスクトップアプリと ターミナルは、それぞれ別アカウントでログインすることで同時起動できることが報告されている。Max プラン(月額 200 ドル)を 2 アカウント分用意すれば、開発・制作を並行して走らせる構成が組める。月額 400 ドルという費用対効果は用途次第だが、「複数案件を同時進行させている」「ボトルネックがモデルの処理待ち」という状況なら選択肢として成立する。まずは 1 アカウントで上限に当たるかを確認してから検討する順番が現実的だ。
よくある疑問
Q. Claude Fable と Claude Design は別々に契約が必要ですか? A. 公式ページの記載によると、いずれも claude.ai を入口としてアクセスできる。ただし機能の利用範囲はプランによって異なる可能性があるため、使いたい機能が無料枠に含まれるかを claude.ai の料金ページで確認してから判断するのが確実だ。
Q. 手書きのラフはどの程度雑でも大丈夫ですか?
A. 発表内容を読む限り、「仕様書がなくても不足や矛盾を補完する」ことを前提に設計されている。ただし、意図が全く読み取れないほど情報量が少ない場合は、Claude が確認を求めてくるか精度が下がる可能性がある。ラフに「誰向けの何のページか」「伝えたいことの優先順位」を添えて渡すと補完の方向性がずれにくい。
Q. 2 アカウント並行起動は規約違反になりませんか?
A. 現時点では Anthropic の利用規約上、複数アカウントの所持に関する明示的な禁止は一般向けには公開されていないが、利用規約は更新されることがある。始める前に Anthropic の最新の利用規約を確認する習慣を持っておくことを推奨する。今回の報告はあくまで「技術的に可能」という内容であり、継続的な利用可否は公式の規約に従う必要がある。
もう一歩踏み込みたい人へ
API レベルで組み合わせを自動化したい場合、Claude の Messages API を使ってラフ画像(Base64 エンコード)と指示テキストをまとめてリクエストする構成が基本になる。公式ドキュメント(https://docs.anthropic.com/en/api/getting-started)にビジョン対応のリクエスト例が記載されており、画像+テキストのマルチモーダル入力はそのまま LP 生成タスクに転用できる。
自動化の一例として、Google Drive に置いたラフ画像を Zapier または Make(旧 Integromat)経由で Claude API に流し、出力された HTML を Notion データベースに格納するフローが構成できる。これにより「画像を Drop するだけで LP 草稿がストックされていく」仕組みが個人でも組める。
Claude Code の並行起動を開発フローに組み込む場合、tmux などのターミナルマルチプレクサーと組み合わせると、複数セッションの管理がしやすくなる。アカウントごとにプロジェクトディレクトリを分けてコンテキストを独立させる設計が、混線を防ぐ上で現実的だ。「1作業を減らす」AIフロー設計が広がっているで紹介したフロー設計の考え方も参考になる。
元になったツイート
曖昧な情報を成果物まで落とし込めるのが、Claude Fable×Claude Designの強みです。 手書きのラフや仕様書から意図を読み取り、不足や矛盾を整理しながら、LPのたたき台を作ってくれました。 デザインも業務で使いやすい仕上がりです↓ https://t.co/Bzx6Dko6Y4
Claude Codeのデスクトップアプリとターミナルは、別アカウントで同時起動できることが判明。 つまり、MAXプラン月額200ドルのFable 5 Ultracodeを2アカウント分並行稼働させるという、圧倒的な物量で開発や動画編集ができることに気づいて歓喜している。 https://t.co/HEf0LkaMc7
参照ソース
- [X]@shota7180: 曖昧な情報を成果物まで落とし込めるのが、Claude Fable×Claude Designの強みで…→ twitter.com/shota7180/status/20653208029213574…
- [X]@masahirochaen: Claude Codeのデスクトップアプリとターミナルは、別アカウントで同時起動できることが判明。 …→ twitter.com/masahirochaen/status/2065478546601…
- [RSS]New OpenAI Academy courses for the next era of work→ openai.com/index/academy-courses-applying-ai-…
