私自身も「インスピレーションコーディング」を試していたのですが、最近、サブスクリプションを利用すると 1 回のセッションで最大 5 つの Web サイトを作成できることを発見しました。 クロード 無料。その後、サービスを再度ご利用いただくか、Cloud Pro にアップグレードするには 5 時間お待ちいただく必要があります。
私はテストを受けた クロード 1時間足らずで9つのユニークなウェブサイトを構築しました。その結果がこちらです。
1. 古いアーケードゲームのランディングページ
請求：昔ながらのアーケードゲームデザイン。ネオンカラーのピクセルフォント、脈動するアニメーションの背景、そして3つの大きな光るボタンが、まるで「クラシックアーケード」のような雰囲気を醸し出しています。ボタンにマウスオーバーすると効果音が鳴ります。
レトロなアーケードゲームにインスパイアされた、ネオンカラーをテーマにしたこのサイトは、80年代のアーケードゲームを彷彿とさせます。ピクセルアートは実に楽しく、ボタン一つ一つにインタラクティブなサウンドエフェクトが備わっています。角に光るアクセントと繊細なグリッチエフェクトが、まさに私が求めていたデザインです。レスポンシブでキーボード操作にも優れ、実際のゲームと組み合わせるのに最適です。全体的に見て、まるで昔懐かしいアーケードゲームの世界に入り込んだかのような感覚を味わえます。
2. シンプルなレシピブログ
請求：レシピブログのシンプルなホームページデザイン。純白の背景、エレガントなセリフフォント、そして3枚のレシピカードをグリッド状に配置します。各カードには、画像、レシピのタイトル、そして材料を表示するホバーエフェクトを含める必要があります。モバイルフレンドリーであることも重要です。
レシピブログのシンプルなホームページは、洗練されたクリーンなデザインです。モバイルフレンドリーなデザインで、タップで材料が表示されるなど、タッチ操作も容易で、モバイルでの使用に最適です。タイポグラフィとスペースの調整も、あらゆる画面サイズで違和感なく機能します。
このデザインは、シンプルな機能性と洗練されたタイポグラフィの完璧なバランスを実現しています。コンポーネントが重なり合うアニメーションといったユニークなディテールがページ全体の統一感を生み、高級感と親しみやすさを醸し出しています。
3. SF風スタートアップページ
請求： 架空の宇宙採掘会社のための、未来的な1ページのウェブサイトをデザインしてください。画面いっぱいに広がる星々のアニメーション背景、太字のメタリックな文字で書かれたミッションステートメント、そして画面をゆっくりと横切る宇宙船のアニメーションを配置してください。「艦隊に加わろう」というCTAボタンを追加してください。
80年代のアーケードゲームからSF映画まで、このサイトでは、きらめく星、飛び交う彗星、漂う宇宙の粒子が画面いっぱいに広がる星空の背景と、キュートな宇宙船が画面を横切って飛び交う様子をお楽しみいただけます。大胆なメタリックプリント、光沢のあるテキスト、そして脈動するボタンが、冒険気分を盛り上げます。
マウス トレース、キーボード ナビゲーション、視差スクロールなどのインタラクティブな要素により、ユーザー エクスペリエンスがさらに向上します。 クロード 細部までこだわった素晴らしい作品。
4. 童話サイト
請求： 子供向けの絵本のための、楽しくカラフルなウェブサイトデザインです。大きくて遊び心のあるフォント、動物のイラスト、そしてシンプルなアニメーションで3ページ分の短編ストーリーをめくるボタンを採用しています。ページごとに色が変わる背景も加えましょう。
クロードは、気まぐれな魅力が溢れる素晴らしいウェブサイトを作成しました。物語は、キツネのフェリックス、クマのベニー、そして蝶のベラという3匹の動物たちが、インタラクティブな3つのページを舞台に繰り広げる色鮮やかな冒険を描いています。
サイトの各ページには、遊び心のある背景色のグラデーション、鮮やかな動物の絵文字、そしてスムーズなページめくりアニメーションが採用されており、まるで本物のインタラクティブな本を読んでいるかのような感覚を味わえます。フォントは明瞭で明るく、アニメーションのディテールも魅力的で、全体的に見て、特に画面の前で過ごすことに慣れている若い読者に魅力的です。
5. インタラクティブなデータダッシュボード
請求：モックデータを使ったインタラクティブなチャートを備えた、モダンでダークテーマのデータダッシュボードを作成しましょう。サイドバー、上部のライブクロック、そして棒グラフ、折れ線グラフ、円グラフの3つのチャートを配置できます。ホバー効果やセクション間のスムーズなトランジションも追加できます。
このウェブサイトは、ビジネスケースの例として作成することにしました。ダークテーマのダッシュボードには、スムーズなアニメーションを備えた洗練されたサイドバーなど、私がプロンプトでリクエストしたすべての機能が含まれています。レスポンシブデザインはデスクトップとモバイルの両方で動作し、スムーズなトランジションを備えた4つのメインセクションで構成されています。
ヘッダーのリアルタイムクロックとインタラクティブチャートは素晴らしい追加機能です。 クロード 実際にビューを視覚化できるようにするためのダミーデータ。
6. 禅庭瞑想の場
請求： 「シンプルな1ページの瞑想ウェブサイトを作成しましょう。背景には柔らかなグラデーション、下部には流れる水のアニメーション、そして画面全体にゆっくりと花びらを散らす桜の木を配置します。大きな「瞑想を開始」ボタンを配置すると、リラックスできるアンビエントミュージックが流れ、インスピレーションあふれる名言へとフェードアウトします。」
このサイトの出来栄えには非常に満足しています。ピーチ、ピンク、コーラル、パープルといった色調の柔らかなグラデーションの背景が際立ち、落ち着きとマインドフルネスを促してくれます。このサイトは、瞑想に最適な、真に穏やかな雰囲気を醸し出しています。
7. サイバーパンクマーケット
請求： 未来的なストリートマーケットを舞台にした、サイバーパンク風のネオンエフェクトを使ったウェブサイトを作成してください。マウスオーバー時のグリッチ効果、点滅するネオンサイン、ホログラム風のアニメーションメニューなどを活用しましょう。各商品カードはマウスオーバー時に点灯し、短いシンセウェーブ効果音も追加します。また、繰り返し雨が降るアニメーションを追加して、ワクワク感を演出しましょう。
このサイトの目玉は、その雰囲気です。繰り返し流れる雨のアニメーションや点滅するネオンサイン、そしてアニメーション化されたグリッド背景など、視覚的に魅力的なサイトです。
3種類のシンセサウンドとインタラクティブなボタンのおかげで、このサイトは使いやすく、魅力的なものになっています。 クロード アクション満載。滑らかなアニメーション、本格的なシンセウェーブサウンド、そして没入感あふれる視覚効果で、ネオンに照らされたサイバーパンクなストリートマーケットの荒々しい雰囲気を完璧に再現しています。
8. ファンタジーミッションダイアリー
請求：「古代の写本からインスピレーションを得たファンタジーアドベンチャーのウェブサイトをデザインしてください。羽根ペンカーソルを動かすと光り輝き、軌跡を残します。サイドバーは中世の魔法書のようなデザインにし、ユーザーが見つけたアイコンをクリックすると3つの魔法のアイテムを「集める」ことができるページも作成してください。」
この例は、 クロード 魔法のようなファンタジーデザインにも難なく対応します。羽根ペンのように光るカーソルは、サイト内を移動するとキラキラと光る軌跡を残し、ナビゲーションメニューは、革装丁の中世の魔法書のように、アニメーション化されたホバーエフェクトとともに展開します。
メインコンテンツは、古代の碑文と中世の華麗なタイポグラフィがデザインされたパピルスの巻物に基づいており、サイトに本物の古代世界の魅力を与えています。レスポンシブデザイン、インタラクティブな輝き、そしてインタラクティブな達成感により、クリックするたびに古代の魔法のようなインタラクションが満ち溢れます。
9. 漫画のペットを飼う
請求： 訪問者が漫画のペット（猫、犬、ドラゴンなど）を「飼う」ことができる、楽しくインタラクティブなウェブサイトを作成しましょう。それぞれのペットにはアイドルアニメーションがあり、クリックすると反応します（喉を鳴らす、尻尾を振る、火を吐くなど）。また、食べ物のアイコンをドラッグして「餌をあげる」こともできます。ミュート機能付きの楽しいBGMを追加しましょう。
楽しくて魅力的な、インタラクティブなペットの里親募集ウェブサイトを作成しました。それぞれのペットには、個性豊かな漫画キャラクターがいます。 クロード 食べ物をドラッグ アンド ドロップして餌を与え、幸福度メーターが上がるのを観察し、喉を鳴らしたり火を噴いたりする叫び声まで、楽しい反応を引き出します。
気分を盛り上げるアップビートな曲も繰り返し流れています。このサイトはレスポンシブでタッチ操作にも対応しており、楽しく、感情豊かで、インタラクティブな体験を提供することを明確に意図して設計されています。
コメントは締め切りました。