Bible Network Crypto DeFi Onchain RWA AI Agent Stablecoin Chain SAFU CryptoTax DeFAI AGI Claude Me Claude Skill Claude Design Claude Cowork
独立メディア
いかなるプロジェクトとも無提携
Claude Designで、アイデアをインタラクティブなビジュアルに変える
claudedesign-me.com
最新
出力例:ワンページの料金ページ——プロンプトから公開可能な3階層構成まで  ·  出力例:Outlookでも崩れないレスポンシブなメールテンプレート  ·  出力例:ブランド感のある404ページ——単なるエラーメッセージから訪問者を引き止めるデザインへ  ·  Claude Designはもう別ウィンドウを開く必要がない:ビジュアル生成がチャット中いつでも呼び出せる機能に  ·  Anthropicが「one Claude」を発表:CoworkとチャットUIが統合、Claude Designは会話の中へ  ·  AIが進歩したのは画像であって、ツールではない:6つの製品カテゴリをテストして見えた本当のギャップ

出力ライブラリ

速報 · 出力ライブラリ

出力例:ワンページの料金ページ——プロンプトから公開可能な3階層構成まで

料金ページでは、選択肢が少ないことは妥協ではなく、訪問者がより早く決断できるようにするデザインの選択である。
料金ページは、サイト全体の中でコンバージョン圧力が最も集中するページである——訪問者はすでに製品を見て興味を持っており、このページが決済に進むか離脱するかを決定する。Claude Designで料金ページを生成することは、「見た目が良いかどうか」ではなく、視覚的階層が数秒以内に「どれを選ぶべきか」という答えを訪問者に手渡せるかどうかのテストである。一つのプロンプトから始める今回の出力の出発点は比較的シンプルな説明だった:3つのプラン(Starter、Pro、Team)、中間プランに「最も人気」のラベル、年払いの割引切り替え、各プランの下に機能リストをチェックマークと×マークで区別して表示。色やフォント、間隔の数値は指定しなかった——これらはClaude...
出力ライブラリ
出力例:Outlookでも崩れないレスポンシブなメールテンプレート
メールデザインにおける最も正直な出発点:まずOutlookが全てを壊すと仮定してから設計を始める。
出力ライブラリ
出力例:ブランド感のある404ページ——単なるエラーメッセージから訪問者を引き止めるデザインへ
良い404ページはエラーを隠すのではなく、行き止まりを3つの異なる出口に変える。
出力ライブラリ
3層プロンプト構造:AIデザインツールに最初から完成に近い結果を出させるフレームワーク
技術仕様とユーザーの挙動を同じ文の中に混ぜてしまうと、AIはどの部分が絶対的な制約で、どの部分に自由な裁量の余地があるのか判断できない——3層構造が有効な...