この動画では、「デザイナーじゃないけど、ちゃんとしたWebサイトを自分で作って公開までやってみたい」という人向けに、Claude Designを使ったサイト制作から公開までの流れを、ステップバイステップで解説しています。
いきなりデザインを作り始めるのではなく、Claudeのチャット側でブランド設計とサイト仕様を先に詰めておくコツを解説しています。
その後、chatGPT image2モデルで画像生成し、仕様書と画像をまとめてClaude Designに渡してデザインを一気に作ってもらう流れを紹介します。
最後に、完成したデザインをClaude Codeに引き渡して、GitHubにプッシュ → Vercelでデプロイして、実際にWebに公開します。Claude Designの出力はただのデザイン画像じゃなくて本物のコードなので、ツールに縛られず細かい修正まで自由にできるのが大きなポイントです。
デザイナーを抱えていない会社や、ひとりで全部やられている方には特に強力なツールだと思います。
気になった方は、ぜひ動画を見て試してみてください。