フロントエンド・デザイン · ランディングページ

AIコーディング向けランディングページスキルおすすめ(2026年)

AIコーディング向けのランディングページスキルで最もおすすめなのはlanding-page-conversion-auditです(GitHubスター8・12万インストール)。有力な代替候補はbrand-landingpageとlanding-page-designです。

ランディングページとコンバージョン重視のUIスキルを、実際の利用データ(インストール数、次にGitHubスター数)でランキングしています。フロントエンド・デザインカテゴリの一部です。全体のおすすめデザインスキル厳選リストもご覧ください。

ランキング:Skillselion · 利用データ:skills.shレジストリとGitHub

厳選ランキング

ランディングページスキル トップ12

#スキル対応エージェントスターインストール数
1
landing-page-conversion-auditコレクションautonnel · autonnel/autonnel-skillsイチオシ

Audit landing, sales, or checkout pages for conversion leaks and return a ranked fix list by expected revenue impact.

Claude CodeCursorCodexGrok812万
2
brand-landingpageコレクションwshobson · wshobson/agents

Run a structured, low-friction interview that extracts brand, messaging, and conversion goals before generating a high-converting landing page.

Claude CodeCursorCodexGrok4.2万4万
3
landing-page-designコレクションinference-sh · inference-sh/skills

Design high-converting SaaS landing pages with hero sections, CTA psychology, and mobile layout patterns.

Claude CodeCursorCodexGrok8007249
4
landing-page-copywriterコレクションOneWave-AI · OneWave-AI/claude-skills

Instantly generate high-converting landing page copy using proven frameworks like PAS, AIDA, and StoryBrand.

Claude CodeCursorCodexGrok4206571
5
landing-page-generatorコレクションkostja94 · kostja94/marketing-skills

Rapidly generate, optimize, and audit high-converting landing pages for paid ad campaigns, lead capture, and single-goal funnels.

Claude CodeCursorCodexGrok10871767
6
landing-pageコレクションjezweb · jezweb/claude-skills

Instantly generate a complete, responsive, deployable landing page from a short product brief.

Claude CodeCursorCodexGrok11021494
7
ecommerce-landing-pageコレクションnexscope-ai · nexscope-ai/eCommerce-Skills

Design and copy high-converting ecommerce landing pages to validate offers, test messaging, and capture leads before full storefront build-out.

Claude CodeCursorCodexGrok13541453
8
awwwards-landing-pageコレクションrebyteai-template · rebyteai-template/rebyte-skills

Design and build award-quality marketing landing pages with motion, typography, and visual polish.

Claude CodeCursorCodexGrok181347
9
landing-page-guide-v2コレクションbear2u · bear2u/my-skills

Generate high-converting landing pages that follow proven design and SEO principles.

Claude CodeCursorCodexGrok9401334
10
shopify-landing-page-builderコレクションnexscope-ai · nexscope-ai/eCommerce-Skills

Build high-converting Shopify landing pages with sections, copy blocks, CTAs, social proof, and mobile-first layout tied to campaign traffic.

Claude CodeCursorCodexGrok13541141
11
awwwards-landing-pageコレクションrebyteai-template · rebyteai-template/rebyte-skills

Instantly generate a high-end designer-style portfolio landing page with buttery-smooth scroll and animation effects.

Claude CodeCursorCodexGrok181115
12
landing-page-generatorコレクションalirezarezvani · alirezarezvani/claude-skills

Generate a conversion-focused Next.js/React landing page with real copy, Tailwind sections, and Core Web Vitals targets—not placeholder text.

Claude CodeCursorCodexGrok2.9万774
使い分け

監査ではなくランディングページのスキルを使うのはいつですか?

このページのスキルは、新しいランディングページを作ります。すでにページがあり、ルールに照らして確認するならweb design guidelines skillです。アクセシビリティの指摘はアクセシビリティのスキル、モーションはアニメーションのスキルです。親の一覧はClaudeデザインスキルです。

FAQ

よくある質問

ランディングページで最もおすすめのスキルはどれですか?

ランディングページ分野の第1位はlanding-page-conversion-auditです(12万インストール・GitHubスター8)。Audit landing, sales, or checkout pages for conversion leaks and return a ranked fix list by expected revenue impact.

これらのランディングページスキルはどのようにランキングされていますか?

ランディングページとコンバージョン重視のUIスキルに該当するスキルを、実際の利用データ(インストール数を第1基準、GitHubスター数を第2基準)でランキングしています。データはskills.shレジストリとGitHubに基づきます。

landing-page-conversion-auditはどうやってインストールしますか?

次のコマンドを実行します: npx skills add https://github.com/autonnel/autonnel-skills --skill landing-page-conversion-audit

今週のAIコーディング

毎週月曜に5分で読める、開発者向けのツール・リリース・活用術。

いつでも登録解除できます。