Claude Fable 5が数分で『10万ドル級』のWebサイトを作る:Higgsfield MCP実演
TL;DR · この記事で分かること
- 1 Claude Fable 5が復活し、Webサイト制作において驚異的な性能を発揮しているとして、無料のプロンプト集を配布しながら手順を実演する。
- 2 Claude Code内でClaude Design 2.0やNano Bananaなどの画像生成モデルと連携させ、すべてをClaude Code内で完結させる。
- 3 画像・動画生成にはHiggsfield MCPを使用するが、他のツールを使いたい場合はそれでも構わないとしている。
- 4 Fable 5は7月7日までは通常利用でき、それ以降は使用量ベースの課金に移行するため今のうちに試すことを勧める。
- 5 架空のスイスの高級腕時計ブランド向けに『1ページの映画のような3Dスクロールサイトを作って』という1つのプロンプトだけでサイトを生成し、ローカルホストで即座に公開した。
- 6 架空の深海探査企業のためのサイトも同様に1つのプロンプトから作成し、完全にAIだけで手作業なしに仕上げた。
- 7 配布しているプロンプト集のポートフォリオ用テンプレートは、自分の名前に置き換えるだけで同様のサイトが作れる汎用性を持つ。
スライドで読む
全 3 スライド
Claude Code内で完結する制作フロー
Claude Fable 5が復活し、Webサイト制作において非常に高い性能を発揮しているとして、制作者は無料のワンプロンプト・ウェブサイトパックを配布しながら制作手順を実演する。ポートフォリオサイトからEコマースサイトまで、ニーズに応じて使えるプロンプト集だという。
制作はすべてClaude Code内で完結させる方式で、Claude Design 2.0やNano Bananaのような画像生成モデルと連携させる。画像・動画生成にはHiggsfield MCPを使用しているが、他のツールを使いたい場合はそれでも構わないとしている。Fable 5は7月7日までは通常利用でき、それ以降は使用量ベースの課金に移行するため、今のうちに試すことを勧めている。
たった1つのプロンプトで映画のような3Dサイトが完成
実演では、架空のスイスの高級腕時計ブランド向けに『1ページの映画のような3Dスクロールサイトを作って、Higgsfield MCPを使って画像と動画を生成して』という1つのプロンプトだけを送り、サイトを即座に生成してローカルホスト上に公開して見せた。
続けて、架空の深海探査企業のためのサイトも同様に1つのプロンプトから作成した。8人の民間人を年に一度、潜水艦『エレバス号』で海底へ連れて行くという架空の設定を与えただけで、完全にAIだけで手作業なしに仕上がったという。
配布プロンプト集は名前を置き換えるだけで再利用可能
配布されているプロンプト集の中には、個人のポートフォリオサイト用のテンプレートも含まれる。『受賞歴のある映画のような3Dサイトを作って』というプロンプトの中の名前部分を自分の名前に置き換えるだけで、同様のサイトが生成される汎用的な作りになっている。
生成後も気に入らない部分があればClaudeやFableとやり取りしながら編集を重ねられ、既存サイトの修正能力も高いと評価されている。プロダクト紹介など目的に応じて、生成後のやり取りだけで仕上げを調整できる点も強みとして紹介されている。
編集部の視点
この実演が示すのは、Webサイト制作における『企画・デザイン・実装・素材生成』という複数工程が、単一のプロンプトとMCP連携によって1つのフローに収斂しつつあるという変化だ。従来はデザイナー・コーダー・画像素材の調達が別々の専門領域だったが、Claude CodeとHiggsfield MCPの組み合わせは、この分業構造そのものを圧縮している。無料プロンプト集の配布という手法は、こうした高度な制作フローの民主化を加速させる一方、テンプレート化されたサイトの均質化という新たな課題も生みかねない。7月7日という利用期限が示すように、こうした強力なモデルへの無料アクセスは限定的である点も、実務でこの手法を採用する際に踏まえておくべき制約だろう。
出典
Zubair Trabzada | AI Workshop
Claude Fable 5 Built a $10K Website in Minutes
この記事はYouTube動画の字幕をもとにClaudeで自動要約しています。細部のニュアンスや正確な発言は元動画をご参照ください。
YouTubeで視聴する →関連記事
3 件
Zubair Trabzada | AI Workshop
Claude Fable 5 Built a $10K Website in Minutes
冒頭では、Fable 5で作ったサイトが既存の受賞サイトに極めて近い見た目を持ち、1プロンプト生成とは思えない完成度だと強い驚きを示す。
TBS CROSS DIG with Bloomberg
Anthropicキャサリン・ウー氏が語るFable 5の進化と月1モデル開発の現場
Fable 5は過去最強のコーディングモデルで、長時間・複雑コードベースでの慎重な変更タスクで他を上回るとウー氏。
AI Engineer
Anthropic社員が語る『Fable攻略ガイド』:地図と現地の差分を埋める思考法
Claude Codeチームの一員がAI Engineerカンファレンスに登壇し、Fableは開けたオープンワールドのようなモデルだと表現した。