できること

  • フォントと画像を埋め込んだ HTML ファイル 1 つ(ネットワーク通信なし)
  • 傾くカードのヒーロー、機能のベントーグリッド、ワークフローのストーリー、お客様の声、料金、登録を備えたトップページ
  • 変更履歴、導入事例、サインイン、規約、404 のルート
  • リンク切れ、alt テキストの欠落、サンプル名の残りを検出するバリデーター
  • クレジットの見積もり後に PopNow で生成するポートレートと事例写真(任意)

向いている用途

  • SaaS や開発者ツールのローンチページ
  • 初日から完成度の高さが求められるマーケティングサイト一式
  • 料金表やフォームが動作するダークな製品サイトへのリニューアル

向いていない用途

  • 明るい色やパステル調のブランド(デザインはダーク専用)
  • オンラインストアやコンテンツ量の多いブログ
  • ヒーローに実際の製品スクリーンショットを載せる必要があるページ

使い方

Claude・ChatGPT で

PopNow のスキル「ダークモード SaaS ランディングページ」(dark-saas-landing-page)を使って、次のことをしてください:小規模エンジニアチーム向けのオンコール通知ツール Tally のランディングページを作って。プランは Free、Team(1 ユーザーあたり $12)、Business(1 ユーザーあたり $24)の 3 つ。

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

/popnow-dark-saas-landing-page 小規模エンジニアチーム向けのオンコール通知ツール Tally のランディングページを作って。プランは Free、Team(1 ユーザーあたり $12)、Business(1 ユーザーあたり $24)の 3 つ。

次はこれ

スポットライト用にお客様の声のポートレートを 3 枚生成して。先に料金を教えて。

これを私の Next.js アプリの app/(marketing) 配下に移植して。

用意しておくもの

  • 製品名、できること、見出しにする成果
  • 4〜5 個の機能、3〜4 ステップのワークフロー、料金プラン
  • 実際のお客様の声と数値、またはプレースホルダー使用の承認
  • 任意:PopNow API キーや自社チームの写真

似ているスキル

すべて見る →

よくある質問

フレームワークやビルド工程は必要ですか?

不要です。標準の出力は HTML ファイル 1 つで、ローカルで開くことも、任意の静的ホスティングにアップロードすることもできます。React、Vue、Svelte、Astro のプロジェクトがあれば、スキルは同じセクションをコンポーネントとして作り直します。

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

写真だけです。お客様の声のポートレート、実績欄の小さな顔写真、導入事例の画像です。ヒーローは描画された製品画面なので画像は不要です。毎回まずクレジットで見積もり、同意してから実行します。

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

使えます。同梱の代替ポートレートを新しい名前で使うか、イニシャルのアバターに切り替え、実際の写真がまだ必要な枠をお知らせします。

サンプルのブランドや人物はどうなりますか?

置き換えられます。サンプルの製品名、人物、会社名が完成ページに残っているとバリデーターがエラーにし、スキルが補った内容は確認用に一覧で示します。