
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- オフラインで開ける自己完結型 HTML ファイル 1 つに収めた製品サイト一式:ホームに加え、料金、導入事例、変更履歴、About、お問い合わせ、ログイン、新規登録、プライバシー、利用規約、404
- ライブパネルとして構築した製品 UI:ボード、リスト、タイムラインのビュー、元に戻す機能付きで仕分けと計画を行うアシスタント、週間カレンダー、バーンダウンチャート、連携の切り替え
- アシスタント専用のコバルト 1 色を添えたサンド系ニュートラル、動作するダークテーマ、埋め込みフォント、導入事例・創業者・チーム・アバターにだけ使う写真
向いている人
- デザイン作業なしで信頼感のあるサイトがほしい、タスク管理・計画・スケジュール調整・AI アシスタント製品をローンチするチーム
- 説明するより見せたほうが早い製品で、アシスタントが働く様子を訪問者に見てほしい場合
- 今すぐ単体のサイトが欲しい、または同じデザインを自分の Next.js、React、Vue、Svelte、Astro プロジェクトに移植したい開発者
向いていない人
- CMS 連携や多言語対応のサイトが最初から必要なチーム
- 実在の顧客ロゴやストックフォトを期待する人:ブランド、人物、引用はすべて、置き換えるまでは架空です
- 動作するアプリやバックエンド:新規登録、ログイン、お問い合わせのフォームはページ上で確認表示するだけで、実際に機能させるには独自のサービスが必要です
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成LP 作成ホームページテンプレート作成スタイル固定編集可能な出力コンバージョン重視ライト優先斜線ハッチアクセントヘアライングリッド枠カンバン Heroサンドニュートラル字間を詰めた書体
この Skill について

AI 製品や生産性ツールについて説明するだけで、完全なマーケティングサイトが届きます。極細線と斜線ハッチで縁取ったサンド系ニュートラルのページで、製品はスクリーンショットではなくライブのボードとして見せます。どのブラウザでも開けてオフラインで動く、自己完結型ファイル 1 つで届きます。

手に入るもの
- 機能タブ、スケジュール機能の紹介、計画タイムライン、導入事例、推薦コメント、セキュリティ、料金、FAQ、新規登録の帯を備えたホームページ
- 請求サイクルの切り替え、席数計算、比較表付きの料金ページに加え、導入事例、変更履歴、About、お問い合わせ、ログイン、新規登録、プライバシー、利用規約、404 ページ
- ボード、リスト、タイムラインのビューを備えた製品ウィンドウと、依頼を仕分けて 1 日の計画を立てる、元に戻す機能付きのアシスタント
- 極細線の枠、ハッチのアクセント、アシスタント専用のコバルトのアクセント 1 色、完全なダークテーマ
- ご要望に応じて、同じデザインをお使いの技術スタックのコンポーネントとルートとして構築

使い方
- 製品名、約束する価値、アシスタントの役割、提供するビュー、プラン、CTA を共有します
- ボード、カレンダー、タイムラインを、あなたの用語で 1 つのサンプルワークスペースを中心に組み直し、下書きした顧客・数値・セキュリティに関する記載を一覧にします
- 完成したファイルをブラウザで開き、「料金を 2 プランに」「Hero をタイムラインで開く」など、ふだんの言葉で修正を依頼します

写真はエージェントの画像ツールで生成され、そのツールの利用料金がかかる場合があります。フォントと画像は完成ファイルに埋め込まれます。
始める前に必要なもの
- 用意するもの
- 製品名、1 行で伝える価値、アシスタントの名前とその 3 つの仕事 · プランと上限、確認済みのセキュリティ情報、CTA(新規登録、ウェイトリスト、デモ)
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 任意:導入事例、創業者、チーム、アバターの写真用に、エージェントの画像生成ツール
- 外部コスト
- 導入事例、創業者、チーム、アバターの写真はエージェント自身の画像ツールで生成され、そのツールの利用料金がかかる場合があります。同梱のポートレートと汎用的なディテール写真は仮素材としてそのまま使えます。
- 最終検証
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









