
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 架空の配送分析プロダクト Parcelo の完成サンプルサイト:ランディングページに加え、サインアップ、サインイン、デモ予約、変更履歴、事例、セキュリティ、プライバシー、利用規約、404。
- あなたのプロダクトの用語で動くライブなプロダクト UI:期間切り替えとチャートのホバー付き Dashboard、Bento 内のミニビュー、ステップタブ、選んだプランをサインアップに引き継ぐ請求切り替え、入力検証付きフォーム。
- Onest と JetBrains Mono を埋め込んだオフライン用の 1 ファイルのサイトと、エージェントが参照するスタイルガイド、画像計画、モーションルール、チェックリスト。
向いている人
- 落ち着いていて信頼感のある、プロダクト主導のページを求めて SaaS をローンチする創業者やマーケター。
- プロダクトそのものが最良の証明になる分析、オペレーション、開発者向けのツール。
- Hero だけでなく、料金、セキュリティ、変更履歴、サインアップのページも必要なチーム。
向いていない人
- アプリのプロトタイプや CMS 駆動のサイト。作るのは固定の下層ページを持つマーケティングサイトで、動くプロダクトではありません。
- カラフルな見た目やダークモード切り替えを求めるブランド。Meridian はダークなセクションとティール 1 色のアクセントを持つライトなデザインです。
- 実際のサインアップ、決済、アナリティクス。バックエンドを接続するまで、フォームはページ上で検証と確認表示を行うだけです。
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成LP 作成スタイル固定編集可能な出力コンバージョン重視ダークピルナビライト/ダークのリズムパースモックアップティールアクセントミニマル
この Skill について

プロダクトについて説明するだけで、落ち着いたプロダクト主導の SaaS サイトが返ってきます。ティール 1 色をアクセントにした白いページ、ダークなピル型ナビバー、そして遠近感をつけて奥に傾き、スクロールに合わせてフラットに弾み戻るライブ Dashboard。サンプルは、顧客から問い合わせが来る前に遅延荷物を検知する架空の配送分析ツール Parcelo です。

手に入るもの
- バナー、ピル型ナビバー、Hero の Dashboard、ダークな機能 Bento、セットアップ手順、顧客事例、推薦の声、料金、セキュリティ、FAQ、ダークな CTA ボックスを備えたランディングページ
- サインアップ、サインイン、デモ予約、変更履歴、事例、セキュリティ、プライバシー、利用規約の各ページと、デザインされた 404
- ストック画像のスクリーンショットではなく、あなたのプロダクト固有のオブジェクトを見せる Bento 内のミニプロダクトビュー
- 月額・年額の料金切り替え、エラーと成功状態を備えたフォーム、フィルターと検索付きの変更履歴
- フォントと写真を埋め込み、どのブラウザでもオフラインで開ける 1 ファイル

使い方
- プロダクト名、何をするものか、機能、プラン、Dashboard に表示したい内容を共有します。ラフなメモで十分です。
- エージェントが Dashboard のラベルをすべてあなたのプロダクトのオブジェクト名に置き換え、各セクションとページを埋め、デスクトップとスマートフォンで確認します。
- 単一のファイルを開いてページを見て回り、修正したい点を普段の言葉で伝えます。

エージェントの画像ツールで作成した写真には、そのツールの利用料金がかかる場合があります。ツールがない場合は、色付きパネルとモノグラムのアバターで代用します。
始める前に必要なもの
- 用意するもの
- プロダクト名、一行の約束、ターゲット · 機能、月額・年額の価格付きプラン、Dashboard に表示したい内容 · 任意:顧客事例、推薦の声、FAQ の回答、セキュリティに関する事実、変更履歴の項目
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 事例、チーム、アバターの写真用の、エージェントの画像生成ツール(任意。ない場合は色付きパネルとモノグラムを使用)
- 外部コスト
- 事例、ケーススタディ、チーム、アバターの写真は、利用可能な場合はエージェント自身の画像ツールで生成され、そのツールの利用料金がかかる場合があります。画像ソースがない場合は、代わりに色付きパネルとモノグラムのアバターを使います。
- 最終検証
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









