Communitygithub.com

HyaCiovo/de-ai-landing-page

Webサイトやマーケティングランディングページを作成、監査、改善します。定型文、弱い根拠、情報過多、装飾的なフィラーを排除し、ページ戦略、コピーライティング、ビジュアルデザイン、レスポンシブレイアウト、モーション、コンバージョンレビューに活用します。

de-ai-landing-page とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)向けに設計されたランディングページ(LP)制作・改善ツールです。目的は、`AIスラップ`(装飾、テンプレート、スローガン、機能リストだけの陳腐なコンテンツ)を排除し、戦略的で説得力のあるページを作成することです。監査(Audit)・改善(Improve)・構築(Build)・モバイルフォーカス(Mobile focus)の4つのモードを備え、それぞれのモードに応じて `strategy.md`、`evidence.md`、`visual.md` などの参照ファイルを自動活用します。ユーザーの意思決定が不明瞭な場合には、推奨案とトレードオフを提示しながら質問し、法的表現や事実データは保護しつつ、一般的なマーケティングコピーは自由に書き換え・統合・削除します。最終的には、コンバージョン率向上とユーザー体験の最適化を実現します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/HyaCiovo/de-ai-landing-page/tree/HEAD/skills/de-ai-landing-page

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

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

ドキュメント

De AI ランディングページ

コア目標

最初の画面は、以下の問いに素早く答えるべきです。

  1. これは何か、誰のためのものか。
  2. どのような状況で、どの具体的な問題を解決するのか。
  3. 訪問者は次にどこへ進むべきか、そして何を得られるのか。

ページの残りの部分では、なぜそれが信頼できるのか、どう始めるのか、どのようなコストや制限があるのかを説明すべきです。

AIスラップとは、グラデーション、角丸、イラスト、アニメーションそのものではありません。それは、情報より先にある装飾、コンテキストより先にあるテンプレート、証拠より先にあるスローガン、ユーザーの意思決定より先にある機能のボリューム、そしてモバイルに適応せずに積み重ねられたデスクトップコンテンツです。

目標は、すべてのページを冷たく、あるいは簡素にすることではありません。すべてのコンテンツ、メディア、インタラクションには明確な役割があるべきです。

最初の判断

監査、改善、構築を行う前に、ページタイプと単一の主要なコンバージョンアクションを特定してください。これらの判断を基に、コンテンツ、ビジュアル、インタラクションを導きます。

  • ランディングページ: 単一のオーディエンス、単一のコアオファー、単一の主要なコンバージョンアクション。
  • ホームページ: 複数のオーディエンスとセカンダリパスは許可されますが、主要なCTAは明確である必要があります。

これらの判断が方向性に実質的に影響し、プロジェクトから推測できない場合は、ユーザーに質問し、推奨する回答を含めてください。

モードとコンテキスト参照

リクエストからモードを推測してください。ユーザーがコマンドを覚える必要はありません。

モード動作参照ファイル
監査ファイルを変更せずに、調査結果、証拠のギャップ、優先順位、推奨事項を報告するstrategy.md、evidence.md、review.md、および調査結果に関連するその他のファイル
改善確認されたコピー、構造、スタイリング、インタラクションの問題を変更するstrategy.md、影響範囲のファイル、その後 review.md
構築オーディエンスとコンバージョン目標から始め、実装して検証するすべての参照ファイルを順に
モバイルフォーカス密度、レイヤリング、折り返し、タッチ動作、同一画面での可視性を確認するinteraction.md、その後 review.md

参照ファイルはこのスキルの references/ ディレクトリにあります。

ファイル内容
strategy.mdオーディエンス、コンバージョン、コアメッセージ、コピー、情報アーキテクチャ
evidence.md実際の証拠、第三者による検証、証拠のギャップ、デモの境界
visual.mdデザイントークン、コンポーネント、モーション、メディア、パフォーマンス
interaction.mdモバイル動作、インタラクション状態、アクセシビリティ、SEO、配信
review.md出力形式と自己レビューチェックリスト

プロセスを完了するためだけに、現在のタスクに関連しない参照を読み込まないでください。

作業原則

判断し、明確なトレードオフを示す

ページ、プロジェクトの慣習、観察された動作から十分な証拠が得られた場合は、直接行動に移してください。繰り返しのコピーを削除し、曖昧な見出しを書き換え、セクションを統合し、コンテンツを並べ替え、モバイルのレイヤリングを再設計し、折り返しやオーバーフローを修正し、意味のないモーションや装飾を削除してください。

オリジナルを保持することが目標ではありません。弱い構造を並べ替え、繰り返しを削除し、ミスマッチなビジュアルを再設計し、文レベルの編集に作業を限定しないでください。

方向性が不明な場合は、推奨案とともに質問する

選択がポジショニング、オーディエンス、ブランドスタイル、コンバージョンパスに実質的に影響する場合は、関連する質問をまとめて行ってください。以下を含めてください。

  • 観察された問題。
  • 推奨するオプションとその根拠。
  • 代替案とその主なトレードオフ。
  • 回答によって何が変わるか。

フォントサイズ、スペーシング、ローカルレイアウトなどの可逆的な詳細については、ユーザーを中断することなく、プロジェクトの慣習とデザイン原則に従ってください。

確認を必要とするコンテンツ

ユーザーから提供された法的条件、コンプライアンス表現、技術的制限、安全境界、サービス範囲、契約上のコミットメントを、確認なしに書き換えたり、弱めたり、拡張したりしないでください。矛盾していたり不明瞭な点がある場合は、正確な箇所を特定して質問してください。

数値、日付、名前、単位、引用、帰属は正確に保ってください。顧客、機能、認証、事例、 testimonial、パフォーマンスデータを決して捏造しないでください。

事実を保護することは、すべての原文を保護することを意味しません。通常のマーケティングコピーは、書き換え、統合、削除が可能です。保護されたコンテンツを変更する前に質問してください。

証拠が不足している場合は、そのギャップを特定し、解決策を推奨してください。具体的な数値を曖昧な形容詞に置き換えたり、例を実際の結果として提示したりしないでください。

ルールの優先順位

明示的なユーザー指示 > プロジェクトの慣習とブランドシステム > アクセシビリティと事実の正確性 > このスキルのデフォルト。

コンポーネント、依存関係、ビジュアルの推奨事項は、必須のインストールや必須のスタイルではなく、オプションです。新しいものを追加する前に、既存のプロジェクトの機能を再利用してください。

関連スキル