ランディングページ向けの Agent Skills
ランディングページのスキルは、AIエージェントが単一目的のページ（1つのオファー、1つのオーディエンス、1つのアクション）を作成するのを支援します。訪問者がコンバージョンするかどうかを決める要素をカバーします。つまり、オファーそのもの、それを明白にするヒーロー、類似の訪問者による社会的証明、フォームとCTA、反論への回答、そしてページが高速かつブロックされずに読み込まれるためのパフォーマンスです。ランキングされたリストは、自分が最も弱いサブトピックを探してから、そのスキルの説明を読んでページの役割に合うか確認して使ってください。同じ問題を解決する複数のスキルを重ねるのではなく、ギャップごとに1つのスキルを選びましょう。リストは観測された検索需要でランキングされ、直接一致が先に来て、単一のパブリッシャーには上限があります。
8 件から開始27 件のおすすめ候補
まずはこちらから。
A landing page has one job: a visitor arrives from somewhere specific and either takes one action or leaves.
関連性の高い結果です。Skill の説明を読み、目的に合うか確認してください。
- 順位 01Agent Skill を見る直接一致
landing-page-conversion-audit
注目ランディングページ、セールスページ、チェックアウトページをコンバージョン漏れの観点で監査し、期待される収益インパクト順に修正リストを返します。ランディングページ、セールスページ、オプトインページ、商品ページ、チェックアウトフローのレビュー、批評、改善を求められたとき、コンバージョン率が低いとき、有料トラフィックがコンバージョンしないとき、「なぜこのページはコンバージョンしないのか」と聞かれたとき、CROやランディングページレビューを求められたときに使用します。
55,425 · 人気度 - 順位 02Agent Skill を見る直接一致
cro
ランディングページを含むマーケティングページをコンバージョンの観点で分析し、バリュープロポジション、ヘッドライン、CTA、信頼シグナル、反論処理、摩擦をカバーする。
79,251 · 人気度 - 順位 03Agent Skill を見る直接一致
landing-page-design
ファーストビューの公式、ヒーローセクションのデザイン、CTA心理学、ソーシャルプルーフの配置、モバイルデザインのルールを備えたランディングページのコンバージョン最適化。
45,260 · 人気度 - 順位 04Agent Skill を見る直接一致
landing-page-copywriter
PAS、AIDA、StoryBrandフレームワークを使い、コンバージョン率の高いランディングページコピーを作成。見出し、バリュープロポジション、CTA、ページ全体のセクションを生成。
6,357 · 人気度 - 順位 05Agent Skill を見る直接一致
paid-landing-page-audit
有料トラフィックを集めるランディングページをクリック後コンバージョンのベストプラクティスに照らして監査し、メッセージマッチ、ファーストビュー、フォームの摩擦、信頼、速度、モバイルを網羅する優先順位付き修正リストを返します。
6,355 · 人気度 - 順位 06Agent Skill を見る直接一致
copywriting
注目ユーザーが任意のページ（ホームページ、ランディングページ、料金ページ、機能ページ、会社概要ページ、製品ページなど）のマーケティングコピーを書きたい、書き直したい、改善したいときに使用します。また、ユーザーが「コピーを書いて」「このコピーを改善して」「このページを書き直して」「マーケティングコピー」「見出しの支援」「CTAコピー」「バリュープロポジション」「タグライン」「サブ見出し」「ヒーローセクションのコピー」「ファーストビュー」「このコピーは弱い」「もっと魅力的にして」「製品の説明を手伝って」と言ったときにも使用します。説得やコンバージョンを必要とするウェブサイトのテキストに誰かが取り組んでいるときはいつでもこれを使用してください。メールコピーについてはemailsを参照してください。
202,021 · 人気度 - 順位 07Agent Skill を見る直接一致
design-taste-frontend
ランディングページ、ポートフォリオ、リデザイン向けのアンチスロップなフロントエンドSkill。ブリーフを読み、デザインの方向性を推測し、厳格なプリフライトチェックを経てテンプレート的でないインターフェースを納品する。
576,715 · 人気度 - 順位 08Agent Skill を見る直接一致
sales-funnel-blueprint
オファーを、ページごとの構成、価格ラダー、コピー概要、ステップごとの指標を備えた、構築可能な多段階セールスファネル仕様に変換。
81,815 · 人気度
ほか 19 件の Agent Skills を表示
- 順位 09Agent Skill を見る直接一致
imagegen-frontend-web
注目プレミアムでコンバージョンを意識したウェブサイトデザインリファレンスを生成するための、エリート向けフロントエンド画像ディレクションスキル。重要な出力ルール — すべてのセクションごとに、横長の画像を1枚ずつ個別に生成すること。8セクションのランディングページなら8枚の画像を生成します。複数のセクションを1枚の画像に圧縮してはいけません。構図の多様性(常に左テキスト/右画像とは限らない)、背景画像の自由度、多様なCTA、多様なヒーローのスケール(巨大/中型/ミニマル)、物語のコンセプトの背骨、二度読みの瞬間、すべての画像を通じた単一の一貫したパレットを徹底します。ランディングページ、マーケティングサイト、製品コンテンツに最適化されています。
290,357 · 人気度 - 順位 10Agent Skill を見る直接一致
image-to-code
画像優先の Web サイトデザインからコードへの skill で、セクションのデザイン画像を生成し、それを分析してから、一致するランディングページやマーケティングサイトを実装する。
350,805 · 人気度 - 順位 11Agent Skill を見る直接一致
hallmark
グリーンフィールドのページ、監査、リデザイン、デザイン抽出のためのアンチAIスロップのデザインスキル。ページが同じテンプレートリズムを共有しないよう、構造的な多様性を主張する。
60,409 · 人気度 - 順位 12Agent Skill を見る直接一致
impeccable
ランディングページを含むインターフェースの設計・監査・仕上げを行うフロントエンドデザインスキルで、階層、タイポグラフィ、モーション、UXコピーをカバーします。
前提条件（自己申告）: Node.js
319,215 · 人気度 - 順位 13Agent Skill を見る直接一致
frontend-design
公式新しいUIを構築する際の、際立った意図的なビジュアルデザインのガイダンス。美的方向性、タイポグラフィ、ヒーローの扱い、テンプレート的なデフォルトの回避を扱う。
964,400 · 人気度 - 順位 14Agent Skill を見る一致の可能性
offers
サービス、コース、高額 B2B 向けに、価値のフレーミング、ボーナスの積み重ね、保証、希少性、ネーミングを含むオファーを設計・改善します。
48,483 · 人気度 - 順位 15Agent Skill を見る一致の可能性
competitors
SEOと営業支援のために競合比較ページや代替ページ（競合ランディングページを含む）を作成する。
70,543 · 人気度 - 順位 16Agent Skill を見る一致の可能性
programmatic-seo
テンプレートとデータを用いてSEO主導のページを大規模に構築。テンプレート化されたランディングページ、地域ページ、比較ページを含みます。
141,281 · 人気度 - 順位 17Agent Skill を見る一致の可能性
lead-magnets
メール獲得とリード生成のためのリードマグネットを計画・最適化する。オプトインやゲート付きコンテンツを含む。
104,835 · 人気度 - 順位 18Agent Skill を見る一致の可能性
ad-creative
見出し、説明文、メインテキストを含む広告クリエイティブを生成・反復。有料プラットフォーム向け。
123,484 · 人気度 - 順位 19Agent Skill を見る一致の可能性
image
ブログのヒーロー画像、ソーシャルグラフィック、製品モックアップなどのマーケティング画像を作成、編集、最適化します。
79,391 · 人気度 - 順位 20Agent Skill を見る一致の可能性
marketing-mindset
広告、ランディングページの作成、マーケティングアイデアの評価など、成長とクライアント獲得タスクに向けたマーケターの思考姿勢。
50,138 · 人気度 - 順位 21Agent Skill を見る一致の可能性
penpot-build-screen
公式シニアビジュアルデザイナーとして、ブリーフからPenpotで本番品質の画面を設計します — 既存のデザインシステム（トークン＋コンポーネント）を再利用し、セクションごとに組み立て、決して一発で仕上げません。説明から画面/ページ/ランディング/ダッシュボードを作成する際に使用します。既存コードの変換には使用しません（penpot-build-from-codeを使用）。トリガー：「ダッシュボードをデザインして」「ランディングページを作成して」「このアプリ画面をデザインして」「このブリーフからUIを構築して」「設定ページをデザインして」「Penpotで画面をモックアップして」。
- 順位 22Agent Skill を見る一致の可能性
figma-generate-design
公式アプリケーションのページ、ビュー、または複数セクションのレイアウトをFigmaへ変換するタスクでは、figma-useと併用してこのスキルを使用します。トリガー例:「Figmaに書き出して」「コードからFigmaで作成して」「ページをFigmaにプッシュして」「このアプリ/ページをFigmaで構築して」「画面を作成して」「Figmaでランディングページを構築して」「コードに合わせてFigma画面を更新して」。ユーザーがコードや説明からFigmaで完全なページ、画面、ビューを構築または更新したいときは常に、このワークフロースキルが推奨されます。search_design_systemでデザインシステムのコンポーネント、変数、スタイルを発見し、それらをインポートし、ハードコードされた値ではなくデザインシステムのトークンを使ってセクションごとに画面を段階的に組み立てます。
- 順位 23Agent Skill を見る一致の可能性
antfu-design
注目antfuスタイルのデザイン規約を拡張。UnoCSSファーストで、ツールや開発者ツールUI向けのライト/ダーク両対応のクラスベースのセマンティックトークンに加え、ランディングページやプロダクト画面向けのデザイン読解、アンチスロップ、マイクロインタラクションの磨き込み。UnoCSSでインターフェースを構築またはリファクタリングする際に使用。
- 順位 24Agent Skill を見る一致の可能性
penpot-uiux-design
PenpotでプロフェッショナルなUI/UXデザインを作成するための包括的ガイド。ランディングページ、デザインシステム、アクセシビリティを含む。
12,684 · 人気度 - 順位 25Agent Skill を見る一致の可能性
penpot-build-from-code
公式既存のアプリケーションページ、ビュー、またはコンポーネントのコードを、既存のデザインシステムにバインドされたPenpotスクリーンに変換します。コードのスタイルをセマンティックトークンにマッピングし、生のシェイプではなくライブラリコンポーネントを再利用します。ユーザーが実際のコード/マークアップを持ち、それをPenpotでセクションごとにオンステムで再構築したい場合に使用します。トリガー：「build this in Penpot from code」「turn this React/HTML/CSS into a Penpot screen」「recreate this view in Penpot」「port this page to Penpot」「translate this component to Penpot bound to our tokens」「code to Penpot」。
- 順位 26Agent Skill を見る一致の可能性
performance-optimization
注目フロントエンド、バックエンド、クエリ、データベースにわたってアプリケーションのパフォーマンスを最適化する。パフォーマンス要件がある場合、パフォーマンス劣化が疑われる場合、Core Web Vitalsや読み込み時間の改善が必要な場合、N+1クエリパターンの修正が必要な場合、プロファイリングでボトルネックが判明した場合に使用する。
- 順位 27Agent Skill を見る一致の可能性
theme-factory
公式テーマで成果物をスタイリングするためのツールキット。成果物はスライド、ドキュメント、レポート、HTMLランディングページなど。色やフォントを設定した10個のプリセットテーマがあり、作成済みの任意の成果物に適用できるほか、その場で新しいテーマを生成することも可能。
このトピックの内容
各サブトピックは、特定の状況に合う Agent Skills をまとめたものです。
- Offer
- What this page is asking the visitor to believe or do.
- Hero
- The first screen has to make the offer obvious.
- Social proof
- Evidence that people like this visitor already said yes.
- Form & CTA
- The one action, made easy and hard to miss.
- Objections
- The reasons a visitor would not convert, answered on the page.
- Performance
- Slow or blocked pages never get the conversion you designed.
よくある質問
- このリストはどのように並べられていますか？
- 観測された検索需要でランク付けされています。トピックへの直接一致が先に現れ、単一のパブリッシャーが占められるスキル数には上限があります。
- ランディングページのスキルは実際に何を生み出すか？
- 成果物：ページそのもの、またはそのコピーと構造。このトピックのスキルはサブトピック（オファー、ヒーロー、社会的証明、フォームとCTA、反論、パフォーマンス）に対応します。
- ランディングページのSkillを複数使えますか？
- はい、異なるサブトピックを扱うなら可能です。たとえばヒーロー用に1つ、反論用にもう1つ。同じ問題を解く2つのSkillを選ぶのは避けてください。
- なぜパフォーマンスがランディングページの一部として挙げられているのですか？
- 遅い、あるいはブロックされたページは、あなたが設計したコンバージョンを決して得られないからです。パフォーマンスはコンバージョン要因であり、別個の関心事ではありません。
Agent Skill のインストール方法
Agent Skills は SKILL.md ファイルです。適切な skills ディレクトリに置くと、多くのエージェントが自動で認識します。
- Claude Code — copy the SKILL.md for landing-page-conversion-audit into ~/.claude/skills/landing-page-conversion-audit/ for yourself, or .claude/skills/landing-page-conversion-audit/ to share it with a project.
- From the registry — run npx skills add autonnel/autonnel-skills@landing-page-conversion-audit.
- Or download landing-page-conversion-audit from its source and place that SKILL.md in the directory above.
選び方 インストール前に出典と Skill 自身の説明を確認してください。Official と Notable は出所を示すラベルです。