コンテンツにスキップ
Delivery API
機能を前提に計画する前に、機能の提供状況をご確認ください。

ガイドデザイン

ウェブサイトヘルパーとパレット

短いインタビューを通じてウェブサイトを計画し、ページとセクションの提案を受け取り、ブループリントを承認して、ロゴからカラーパレットを選びます。

このページは英語から翻訳されたものです。内容に相違がある場合は、英語版が優先されます。 英語版を読む

ヘルパーでウェブサイトを計画する

Section titled “ヘルパーでウェブサイトを計画する”

Design → Website helper を開きます。上部のバッジには、提案が Claude suggestions と Matching without AI のどちらを使っているかが表示されます。

  1. 計画を開始する。 Plans で名前を付けて、Start plan をクリックします。

  2. インタビューに答える(1. Discovery)。ラウンド 1 には 8 つの質問があり、そのうち 5 つは必須です。業種、主な目的、対象読者、地域、ブランドの根拠です。必須の質問では、Save answer または Let Atlas assume を選べます。ラウンド 2 では、任意のフォローアップ質問が最大 7 つ表示されます(リード獲得、提供内容のページ、言語、コンプライアンス、実績、モーションの程度、コンテンツ担当者)。それぞれに、質問する理由が添えられています。

  3. ブリーフを追加する(2. Briefs、任意)。テキスト、Markdown、JSON のファイルを 256 kB までアップロードします。ブリーフは単なる情報として読み取られ、中に含まれる指示にはフラグが付けられ、従われることはありません。

  4. 提案を受け取る(3. Recommendations)。Atlas は、ページタイプ、ウェブサイトにすでにあるセクション、承認済みのライブラリ項目を提案し、Assumptions(前提)を一覧にします。

  5. ブループリントを承認する(4. Blueprint)。各 Page title と Address (slug) を調整して、Approve blueprint をクリックします。承認されたブループリントは変更されません。方向性を変えるには、新しい計画を始めてください。

  6. 下書きページを作成する。 Create draft pages をクリックし、Open draft でページエディターを開いて内容を入力します。何も公開されません。

AI とクレジット。 AI による提案がオンの場合、提案のたびに組織の AI クレジットが消費されます。AI が設定されていない場合、クレジットが残っていない場合、または AI を利用できない場合、Atlas は AI を使わないマッチングに切り替わり、料金はかかりません。

制限。 サイトあたり最大 50 件の計画、計画あたり最大 10 件のブリーフ。下書きページは、そのページタイプから空の状態で作成されます。提案されたライブラリ項目は一覧に表示されますが、ページには配置されません。

Design → Brand を開き、Palettes from your logo カードを表示します(サイトに有効なサイトコントラクトが必要です)。

  1. Sample colours from(ロゴまたはメディア画像。PNG、JPEG、WebP、GIF)を選択し、Suggest palettes をクリックします。

  2. 6 つのパレットを比較します。From your logo が 3 つ、Independent が 3 つです。それぞれ、WCAG のコントラストが AA、AA large、Fails のいずれかで表示されます。Preview width を Phone と Desktop で切り替え、Compare on a page をクリックすると、実際のページ上で比較できます。

  3. Edit tokens をクリックして、12 色(背景、サーフェス、テキスト、補助テキスト、主要アクション、主要アクション上のテキスト、アクセント、枠線、成功、警告、エラー、フォーカスリング)のいずれかを調整します。編集するたびにコントラストが再計算されます。Reset to suggested で変更を元に戻せます。

  4. Use this palette をクリックします。テキストのコントラストが 4.5:1 を下回るパレットは提示されません。

パレットを使うと、サイト設定の変更が提案されますが、ウェブサイトは変更されません。サイト管理者が Site setup でレビューして有効化し、開発者がカラートークンを CSS に対応づけます。Atlas は、提案とともに開発者向けのタスクを表示します。

テンプレート。 Save as template を使うと、パレットを組織内のすべてのサイトで利用できるように保存できます(最大 100 件のテンプレート)。別のサイトでは Use template で使います。

コーディングエージェント向け

Section titled “コーディングエージェント向け”

Read website plans 権限を持つコーディングエージェントの接続は、MCP を通じて、承認済みのブループリント、パレット、デザイントークンを読み取り専用で読み取れます。AI エージェント(MCP)をご覧ください。