AI Skill でワンページサイトを作る

Hero、機能紹介、FAQ、その場で開く予約注文ドロワーまで、すべてが 1 つのスクロールページに収まっています。エージェントが製品情報を埋め込み、オフラインでも開ける HTML ファイル 1 つを返します。

Skill の動作を見る仕組み

対応エージェント

ほか 30 以上のエージェント

Aurawave オーディオランディングページ

Quartz SaaS ランディングページ

ワンページサイトの例

Aurawave Audio Landing は実際に動くワンページの製品サイトです。ライブデモを開いて、スクロールしたり、ドロワーを開いたり、テーマを切り替えたりできます。

$4.99、または Pro で利用可能

Aurawave オーディオランディングページ

スピーカー、ヘッドホンなどの物理プロダクト向けに、大きな製品写真が主役の上質なローンチサイトを作成します。明るくほぼモノクロのルックに、大きく詰めた見出し、たっぷりの余白、製品が光る部分にだけティールの輝きを添えます。既定では、どのブラウザでもオフラインで開ける自己完結型の 1 ページで、動作する予約注文ドロワーと、記事・ポリシー・お問い合わせのシートが付きます。仕様ページや料金ページを含むマルチページ版もリクエストに応じて用意できます。

用意するもの

製品名、3〜4 語の見出し案、1 行のコピー
自信を持って示せる価格、カラー、保証、主な仕様
任意：ロゴ、実際の製品写真、チェックアウトまたはウェイトリストのリンク

手に入るもの

オフラインで動く自己完結型の 1 ページ：製品の Hero、インライン画像入りのバリューステートメント、交互に並ぶ機能紹介の行、信頼性カード、部屋のカルーセル、FAQ、ジャーナル、ワードマーク入りのダークなフッター。
動作する予約注文ドロワー（カラー、単品／ステレオペア、メールアドレスの確認、完了表示）と、その場で開く記事・ポリシー・お問い合わせのシート。ライト／ダークテーマ対応。
リクエストに応じて、製品・仕様・料金・会社概要・お問い合わせ・ブログのページを備えたマルチページ版と、あなたの製品に合わせてすべての写真を再生成するためのプラン。

動作環境

Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for new product photos · npm, only if you ask for the multi-page Next.js version · Regenerating the product photos uses your agent's image tool, which may incur that tool's usage charges. Opening and editing the page costs nothing extra.

Skill を開く

要点

製品ページかサービスページを選ぶ

ワンページサイトは、すべてのストーリーを 1 回のスクロールに収め、追加コンテンツは新しいページではなくドロワーやシートで開きます。1 つの製品、1 つのイベント、1 つのオファーに向いています。料金、ドキュメント、ブログ用に個別ページが必要なら、ランディングページかマルチページサイトから始めてください。