できること

  • フォントと画像を埋め込んだ HTML ファイル 1 つ(ネットワーク通信なし)
  • 製品コンソール、機能グリッド、ツアータブ、セットアップコード、お客様の声、料金を備えたトップページ
  • アカウント作成、ログイン、営業への問い合わせ、リリースノート、稼働状況、利用規約、404 の追加ページ
  • ライト・ダークのテーマと、リンク、フォーム、サンプルの残りをチェックするバリデーター
  • クレジットの見積もり後に PopNow で生成する写真(任意)

向いている用途

  • スタートアップのトップページや SaaS のマーケティングサイト
  • プラン比較付きの料金ページ
  • 開発者ツールや API 製品のローンチ

向いていない用途

  • オンラインストアやポートフォリオ
  • 全セクションに強い色を使いたいブランド
  • 長文記事やブログ中心のサイト

使い方

Claude・ChatGPT で

PopNow のスキル「SaaS ランディングページ テンプレート」(saas-landing-page)を使って、次のことをしてください:小規模な経理チーム向けの請求書照合ツール Ledgerline のトップページを作って。プランは Starter 無料、Team 月額 $29、Scale 月額 $99。

コーディングエージェントで

/popnow-saas-landing-page 小規模な経理チーム向けの請求書照合ツール Ledgerline のトップページを作って。プランは Starter 無料、Team 月額 $29、Scale 月額 $99。

次はこれ

生成する前に、導入事例のポートレート 1 枚と 3x3 のお客様の声グリッドの見積もりを出して。

ステータスページを削除して、変更履歴を公開ロードマップに変えて。

用意しておくもの

  • 製品名、対象ユーザー、約束する 1 つの成果
  • 4〜6 個の機能と、実際の上限を明記した 2〜4 つのプラン
  • FAQ の回答、正直な数値、使用してよい推薦コメント
  • 任意:PopNow API キーや自分の写真

似ているスキル

すべて見る →

よくある質問

製品をスクリーンショットではなく描画したコンソールで見せるのはなぜですか?

HTML と SVG で作ったコンソールは常に鮮明で、両方のテーマに合い、ホバーや期間の切り替えに反応します。新しいスクリーンショットを用意しなくても、製品固有のオブジェクトや数値に合わせて作り替えられます。

PopNow はここで何を生成しますか?

写真だけです。導入事例のポートレート、エディトリアル画像 1 枚、1 枚のグリッド画像から切り出すお客様の声のアバター、任意でチーム写真や SNS 用のプレビューカード。毎回クレジットで見積もり、同意してから実行します。

PopNow API キーなしで使えますか?

使えます。お客様の声はイニシャルのチップに、エディトリアル写真は製品カードに置き換えられ、同梱のニュートラルなポートレートを新しい名前で代わりに使えます。

Next.js や Astro のプロジェクト内でも使えますか?

使えます。スキルがプロジェクトを調べ、単一ファイルを作る代わりに、同じセクションをコンポーネントと実際のルートとして、既存のスタイル設定で作り直します。