Communitygithub.com

tonone-ai/tonone

ランディングページの構造化、コンバージョン最適化レイアウト、情報設計を依頼されたときに使用します。例:「SaaSのランディングページ構造」「コンバージョン最適化されたレイアウト」。

tonone とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)向けに設計された「draft-landing — ランディングページ情報設計」ツールです。ユーザーがランディングページの構造化やセクション順序、コンバージョン最適化レイアウトを必要とする場合に呼び出されます。製品タイプを特定し、専用のUI/UX検索コマンドを用いてランディングページパターンと製品推論を検索、その結果を基に各セクションの説得力(「だから何?」テスト)を検証した上で、CTA配置マーカー付きのセクション順序を出力します。出力は40行のCLIボックス描画形式に従い、変換戦略やCTAコピーガイダンスも提供します。アンチパターンとして、コンバージョン目的のないセクション追加や、ファーストビュー下へのプライマリCTA配置を禁止しています。出力が40行を超える場合は`/atlas-report`を呼び出し、HTMLレポートとして完全な分析を提供します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/tonone-ai/tonone/tree/HEAD/skills/draft-landing

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

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

ドキュメント

draft-landing — ランディングページ情報設計

docs/output-kit.md で定義された出力形式に従ってください。最大40行のCLI、ボックス描画スケルトン、統一された重大度インジケーター、圧縮された散文を使用します。

使用するタイミング

ユーザーがランディングページの構造、セクション順序、またはコンバージョン最適化されたレイアウトを必要としている場合。製品タイプが既知であるか、調査可能であること。

ワークフロー

  1. 製品タイプを特定する(ユーザーリクエストまたはプロジェクトコンテキストから)
  2. ランディングページパターンを検索する:
    python3 -m draft_agent.uiux search --domain landing --query "{product_type}" --limit 3
    
  3. 製品推論を検索してオーディエンスとコンバージョンコンテキストを得る:
    python3 -m draft_agent.uiux search --domain product --query "{product_type}" --limit 3
    
  4. 各セクションを「だから何?」テストで検証する — すべてのセクションはその存在価値を証明しなければなりません。
  5. CTA配置マーカー付きのセクション順序を出力する

出力形式

┌─ ランディングページIA — {product_type} ──────────────────────────────────┐
│ #  │ セクション       │ 目的                        │ CTA?          │
├────┼──────────────────┼────────────────────────────┼───────────────┤
│  1 │ {section_name}   │ {purpose}                  │ プライマリCTA │
│  2 │ {section_name}   │ {purpose}                  │ —             │
│  3 │ {section_name}   │ {purpose}                  │ セカンダリCTA │
│  … │ …                │ …                          │ …             │
└────┴──────────────────┴────────────────────────────┴───────────────┘

コンバージョン戦略: {strategy}
CTAコピーガイダンス: {cta_guidance}

アンチパターン

  • 各セクションの「だから何?」テストを決して省略しないこと — セクションがそれに答えられない場合は削除すること
  • 明確なコンバージョン目的なしにセクションを追加しないこと
  • ファーストビュー(最初の画面表示領域)より下にプライマリCTAを配置しないこと
  • 主要オーディエンスとその「やりたい仕事(Job-to-be-done)」を知らずにページ構造を決定しないこと

納品

出力が40行のCLI予算を超過する場合は、完全な調査結果とともに /atlas-report を呼び出してください。HTMLレポートが出力となります。CLIは領収書です — ボックスヘッダー、1行の判定、上位3件の所見、およびレポートパスを表示します。分析をCLIにダンプしないでください。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

関連スキル