
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- どのブラウザでもオフラインで開ける自己完結型の HTML ファイル 1 つにまとめた SaaS サイト一式:ランディングページに加え、新規登録、ログイン、営業への問い合わせ、更新履歴、ステータス、法務、404 の各ページ
- 静的なスクリーンショットではなく、あなたのプロダクト自身の用語で作り直した動作するプロダクトコンソール。期間の切り替え、グラフのツールチップ、リアルタイムカウンター、インシデントのタイムライン付き
- Geist 書体、青いビーム 1 本、温かみのあるニュートラルな面、完全なライト/ダークテーマ、入力検証・読み込み中・完了の状態を備えたフォーム。既存のプロジェクトでは、同じデザインをあなたのスタックで
向いている人
- 料金・新規登録・更新履歴を備えた信頼感のある SaaS マーケティングサイトが今週中に必要な創業者やインディーハッカー
- プロダクトそのものを動作するインターフェースとして見せたい、開発者ツール・監視・API・インフラ系のプロダクト
- 完成度の高いページ上で、ポジショニングのコピーを直接試行錯誤したいプロダクトマーケター
向いていない人
- CMS、ブログ、実際のアカウントが必要なサイト。新規登録とお問い合わせフォームはページ上で確認表示を行うだけで、バックエンドの接続はご自身で行う必要があります
- 既存のデザインシステムに従う必要があるブランド。温かみのあるニュートラルカラー、青いビーム 1 本、グラデーションの見出しこそがこのプロダクトの特徴です
- 写真を前面に出す消費者向けやライフスタイル系のブランド。画像は導入事例、お客様の声、エディトリアル写真 1 枚、チーム写真に限られます
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験LP 作成スタイル固定編集可能な出力スピード納品ミニマリストグローアクセントグラデーション文字ソフトニュートラル
この Skill について

プロダクトについて説明すると、SaaS マーケティングサイト一式が返ってきます。温かみのあるニュートラルな面、柔らかな青い光のビーム 1 本、グラデーションの見出し、そしてスクリーンショットではなく実際に動くコンソールとして見せるプロダクト。どのブラウザでも開けてオフラインで動く、自己完結型のファイル 1 つで届きます。
![]()
手に入るもの
- 機能の Bento、動作するプロダクトコンソール、タブ式ツアー、セットアップ手順、導入事例とお客様の声、比較表付きの料金、セキュリティ、FAQ、締めくくりの CTA を備えたランディングページ
- 新規登録、ログイン、営業への問い合わせ、更新履歴、ステータス、プライバシー、利用規約、404 の各ページ。すべてリンクされ、動作します
- 完成したライト/ダークテーマ、穏やかなスクロール表示、モーションを減らす設定の訪問者には無効になるアニメーション
- インラインで入力検証を行い、読み込み中と完了の状態を表示するフォームと、更新履歴のフィルターと検索
- 既存のプロジェクト内では、同じデザインをあなたのスタックのコンポーネントとして構築
![]()
使い方
- プロダクト名、何をするものか、プラン、使用してよい顧客名や引用を伝えます。ラフなメモで十分です
- セクションとページの選択を任せるか、希望するものを指定します。提供されなかった内容は下書きされ、確認用に一覧になります
- 完成したファイルをブラウザで開き、コピー、セクション、料金の修正を普段の言葉で依頼します
![]()
写真はエージェントの画像ツールで生成され、そのツールの利用料金がかかる場合があります。画像ツールがない場合は、イニシャルとプロダクトカードで代替します。フォントと画像は埋め込まれるため、完成ファイルはネットワークリクエストを行いません。
始める前に必要なもの
- 用意するもの
- プロダクト名、何を誰のためにするものか、4〜6 個の機能、実際の上限を含む 2〜4 個のプラン(ラフなメモで可) · 任意:使用が認められている顧客名、引用、数値、写真
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 任意:導入事例・エディトリアル・お客様の声・チームの写真用に、エージェントの画像生成ツール
- 外部コスト
- 写真はエージェント自身の画像ツールで生成され、そのツールの利用料金がかかる場合があります。画像ツールがなくてもサイトは構築でき、お客様の声はイニシャル、エディトリアル写真はプロダクトカードになり、チーム写真は省かれます。
- 最終検証
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…








