LearnAI
Новинки AI · Код без программиста · レッスン 6/10
← カタログへ
タスク

最初のプロジェクト: ブロックで作られたランディング ページ

ランディング ページをセクションごとに注文します。 JSON {"build":"ページの内容","sections":["セクション","セクション"],"style":"希望のスタイル","done_when":"準備の兆候"} を返します。 sections - ブロックの順序は上から下です。

アクセスのロックを解除して、AI による即時レビューのためにソリューションを送信します。
1 ページの Web サイトを構築する
💡 理論の一部

ランディング ページ (1 ページの名刺 Web サイト) の目的は 1 つあり、それは何かについて伝え、行動を促すことです。これは、上から下へのブロック セクションで構成されています。タイトル、説明と利点、レビューまたは例が記載されたヘッダー、アクション ボタン、連絡先が記載されたフッターです。セクションを順番にリストすると、AI はその順序でページを組み立てます。リクエスト内の順序が画面上の順序になります。セクションのリスト、各セクションの短いテキスト、希望のスタイル (厳格、明るい、ミニマリズム)、および準備の兆候 (「ブラウザーで開き、ボタンを押すと電子メールが表示される」) を示します。最初に構造とテキストを修正し、その後で色とフォントを修正します。すべてを一度に混ぜると、AI がデザインに夢中になり、コンテンツに穴が開いてしまいます。また、「ここにテキストが入ります」のようなプレースホルダーではなく、実際のテキストを挿入するように依頼します。そうしないと、各ブロックを手動でやり直す必要があります。よくある間違いは、セクションのない「美しくモダンな Web サイト」を求めることです。美しさは主観的なものですが、構造は主観的ではありません。スケルトンを教えてください。スタイルは後からついてきます。

どのように評価されますか? 合格 70

  • 1周囲にテキストのない有効な JSON25%
  • 2build、sections、style、done_when のフィールドがあります30%
  • 3構造はセクションごとに順番に示されています45%
あなたのプロンプトClaude ⌄
🔒

アクセスのロックを解除して、AI による即時レビューのためにソリューションを送信します。