Communitygithub.com

jhd3197/AgentSite

SaaS製品のマーケティングランディングページを生成します。ヒーローセクション、ソーシャルプルーフ、機能一覧、価格ティーザー、CTAを含みます。

AgentSite とは?

このスキルは、SaaS製品向けのプロフェッショナルなランディングページを1枚生成します。マーケティング品質を重視し、単なるテンプレートではなく、具体的なプロンプトに基づいたカスタムデザインを提供します。必要なセクションは順に、スティッキーナビ、ヒーロー、ソーシャルプルーフ、機能グリッド、ディープダイブセクション、 testimonial / ケーススタディ、価格ティーザー、フッターです。各セクションには具体的なルールがあり、例えばヒーローヘッドラインは10語以内、サブヘッドラインは20語以内、特徴アイコンには汎用的な絵文字(✨ 🚀など)を使用禁止としています。また、決定的なアクセントカラーを1色に絞り、画面内で最大2回まで使用するなど、デザインの一貫性も重視します。モバイルファーストで、360px幅でも横スクロールが発生しないように設計され、 assetsライブラリの画像、ラベル付きプレースホルダー、または `generate_image` で生成された画像のみを使用し、壊れやすいストックフォトのURLは使用しません。このスキールはClaude Code、Cursor、CodexなどのAIエージェント環境で利用でき、特にSaaSのマーケティングサイトを迅速に立ち上げたい開発者やプロダクトマネージャーに最適です。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jhd3197/AgentSite/tree/HEAD/agentsite/skills/saas-landing

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

SaaSランディングページ

SaaS製品向けのランディングページを1枚作成します。テンプレート品質ではなく、マーケティング品質を目指します。

必須セクション(この順序で)

  1. スティッキーナビ — ロゴ、製品/ソリューション/価格/Docs/ログインへのリンク3〜5個、右側にプライマリCTA。
  2. ヒーロー — 短いベネフィットヘッドライン(10語以内)、サブヘッドライン(20語以内)、プライマリCTA+セカンダリCTA、1つの製品ビジュアル(スクリーンショット、イラスト、またはラベル付きプレースホルダー — 人物のストック写真は不可)。
  3. ソーシャルプルーフ — ロゴストリップ(4〜6社の顧客)または数値メトリクスストリップ(「12,000チームが利用中」)。実際のロゴがない場合はラベル付きプレースホルダーを使用。
  4. 機能グリッド — 3〜6個の具体的な機能と具体的なベネフィット。汎用的なアイコン(✨ 🚀)は不可。
  5. ディープダイブセクション1つ — 最も差別化された機能を選び、ワイドビジュアル+2〜3個の補足箇条書きで表示。
  6. 顧客の声 / ケーススタディ — 出典付きの強い引用1つ、または1つのメトリクスを含むミニケーススタディ。
  7. 価格ティーザー — 3つのプランカード、または /pricing への単一CTA。
  8. フッター — 複数列で、製品/会社/リソース/リーガルを含む。

品質ルール

  • 決定的なアクセントカラーを1色使用し、1画面内で最大2回まで。
  • コピーはプロンプトに固有のものにすること — 「Feature One / Feature Two」「当社のウェブサイトへようこそ」は不可。
  • 画像はすべて、実際のもの(アセットライブラリ)、ラベル付きプレースホルダー、またはgenerate_imageで生成されたもののみ — 壊れる可能性のあるストックフォトURLは不可。
  • モバイルファースト:360pxで横スクロールなしで動作すること。
  • ファーストビューに可視のプライマリCTAがあること。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル