Claude DesignとGPT-6 AstraにアプリのUIデザインを作らせてみた結果..

AIにアプリやサイトを作ってもらったけれど、「デザインがどれも似ている」「もっとかっこよくしたい」と感じていませんか？ 私もClaude Codeで開発したアプリの見た目に、物足りなさを感じていました。そこでClaude Designにシンプルな指示を出してみると、4つのUIデザイン案を提案してくれました。さらに、そのデザインをClaude Codeに渡して、実際のアプリの画面もリニューアルしました。 この動画では、Claude Designでデザイン案を作り、アプリに反映するまでの流れを実例付きで解説します。後半では、GPT-6 Astraでも同じプロンプトを使って比較。今回の作例ではClaude Designに近い仕上がりだと感じた、その結果もお見せします。 ━━━━━━━━━━━━━━━ 📕【無料プレゼント】最新AIツール大全 ━━━━━━━━━━━━━━━ ChatGPT、Claude、Geminiをはじめ、今使うべきAIツールを「料金プラン・できること・正直な感想」付きで解説した電子書籍を無料でプレゼント中です。 動画内でご紹介しているのは、300ページ以上・累計1万3000人以上にダウンロードいただいた電子書籍。毎月更新し、私が使ってみたおすすめ度も5段階で掲載しています。 「デザインや仕事にAIを活用したいけれど、結局どのツールを選べばいいの？」と迷っているあなたは、ぜひこの1冊をお役立てください。 ▼今すぐ無料で受け取る → https://funnel.hiltlinc.com/ai-tools-... ■この動画でわかること ・Claude Designの始め方と、シンプルな指示からできた4つのUIデザイン案 ・参考サイトのURLだけではうまく伝わらなかったときの、PDFやスクリーンショットの活用法 ・デザイン案をClaude Codeに渡し、実際のアプリに反映する手順 ・ライト／ダークモードへの対応と、デザイン案から生まれた新機能の実装例 ・公式サイトとのデザイン統一、SNS自動投稿アプリのUI改善例 ・同じプロンプトで比較したGPT-5.6とGPT-6 Astraの変化、Claude Designとの仕上がりの比較 あなたが試してよかったAIデザインの工夫や、ご質問があれば、ぜひコメント欄で教えてください。 このチャンネルでは、AI活用とオンラインマーケティングの実践情報を発信しています。参考になったら、ぜひ高評価とチャンネル登録をお願いします！ タイムスタンプ 0:00 AIのデザイン、正直ダサくない？ 1:38 改善前のアプリと変わらないデザイン 2:36 Claude Designの始め方 3:54 UIモックアップの選択と指示の出し方 5:07 シンプルな指示でできた4つのUI案 6:06 参考サイトのURLだけでは伝わらない？ 6:51 PDFを渡してデザインを再提案 8:06 デザイン案をClaude Codeに渡す 9:34 実装後の画面とダークモードを公開 10:39 デザイン案から新機能が生まれた 12:30 公式・マニュアルサイトもデザイン統一 14:07 SNS自動投稿アプリもおしゃれに刷新 15:44 GPT-6 Astraで追加検証 16:44 同じ指示でここまで変わる！新旧比較 18:15 まとめ：UI改善の実践と無料特典 ヒルトル・フィリップ太郎 公式サイト http://philipptarohiltl.com Instagram   / philitaro   TikTok   / philitaro   X https://x.com/philitaro LINE https://funnel.hiltlinc.com/line/add/... Podcast https://creators.spotify.com/pod/show... Pinterest https://www.pinterest.jp/philitaro/ Facebook   / philipptarohiltl   LinkedIn   / philipptarohiltl   #chatgpt #claude #gpt6