
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 完全な AI SaaS サイト:ホームに加え、登録、ログイン、デモ予約、変更履歴、導入事例、トラストセンター、プライバシー、利用規約、404。ライト/ダークテーマ対応
- コードで作った動くモックアップ:Hero Dashboard で一度だけ起こる承認、チャットの再生、チャネルの切り替え、コネクターのマーキー、ドットの地球儀
- Onest と Geist Mono の書体、操作部分だけのブルー 1 色、ピル型ナビバー、巨大なワードマークのフッターを、オフラインで開けるファイル 1 つに
向いている人
- トライアル、デモ、ウェイトリストへの導線を備えた信頼感のあるサイトが必要な、AI や SaaS プロダクトを立ち上げる創業者や個人開発者
- デザインチームなしで、モダンなモノクロのスタートアップらしい見た目がほしいプロダクトマーケター
- 自社の用語を Dashboard、スイッチボード、ステップに当てはめられる開発者ツールやスケジューリングアプリ
向いていない人
- 実際の認証や課金。登録、ログイン、デモのフォームはページ上で検証・確認するだけです
- 派手でカラフルな見た目を求めるブランド。Quartz はモノクロで、ブルーは操作部分の 1 色だけです
- 見せるプロダクト UI がない代理店、ショップ、会場。このページはプロダクト UI を中心に作られています
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成LP 作成スタイル固定編集可能な出力ライト優先Bento モックアップ特大ワードマークフッターモノクロミニマルピルナビ
この Skill について

AI プロダクトを説明すると、完成したマーケティングサイトが届きます。二重フレームのプロダクト Dashboard の上に落ち着いた中央揃えの見出し、実際に動く機能モックアップ、導入事例、比較表付きの料金、ダークな登録帯。登録、ログイン、デモ予約、変更履歴、トラストページもつながっており、すべてどのブラウザでもオフラインで開けるファイル 1 つで届きます。

手に入るもの
- Dashboard 内でひとつだけ静かにステータスが変わるパルスグリッドの Hero、切り替わるロゴ列、動くモックアップを載せた機能 Bento
- 8 マスの機能グリッド、ブリーフから公開までのステップ Tab、カウントアップ付きの導入事例、一時停止できるお客様の声のマーキー
- セキュリティブロック、月額/年額切り替えと比較表付きの料金、FAQ、検証付きの登録帯
- 登録、ログイン、デモ予約、絞り込みできる変更履歴、導入事例、トラストセンター、法務、404 の各ページと、ライト/ダークテーマ
- Onest と Geist Mono、すべての画像を埋め込み済みで、ページはネットワーク通信を行いません

使い方
- プロダクト名、一行の約束、主力機能 4 つ、料金の構成、そして主な CTA(トライアル、デモ、ウェイトリスト)を Skill に伝えます。
- すべてのパネルをあなたのプロダクトの用語に置き換え、不足しているコピーを下書きして、確認用にリストアップします。
- ライト/ダークでファイルを開き、すべてのフォームとルートを試して、変更したい点を普段の言葉で伝えます。

写真はエージェントの画像ツールで作るため、そのツール独自の利用料金がかかることがあります。
始める前に必要なもの
- 用意するもの
- プロダクト名、一行の約束、主な CTA(トライアル、デモ、ウェイトリスト) · 主力機能 4 つ、3〜5 ステップのワークフロー、料金の構成 · 任意:確認済みの導入事例、お客様の声、セキュリティ情報、変更履歴の項目
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · アバター、導入事例のポートレート、プロダクト写真用の、エージェントの画像ツール(自分で用意する場合は任意)
- 外部コスト
- 用意していない写真はエージェント自身の画像ツールで生成するため、そのツールの利用料金がかかる場合があります。製品 UI はコードで作られ、完成したページはネットワークリクエストを行いません。作例の閲覧は無料です。
- 最終検証
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









