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 CodeCursorCodexGrok | 8 | 12万 |
| 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 CodeCursorCodexGrok | 4.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 CodeCursorCodexGrok | 800 | 7249 |
| 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 CodeCursorCodexGrok | 420 | 6571 |
| 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 CodeCursorCodexGrok | 1087 | 1767 |
| 6 | landing-pageコレクションjezweb · jezweb/claude-skills Instantly generate a complete, responsive, deployable landing page from a short product brief. | Claude CodeCursorCodexGrok | 1102 | 1494 |
| 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 CodeCursorCodexGrok | 1354 | 1453 |
| 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 CodeCursorCodexGrok | 18 | 1347 |
| 9 | landing-page-guide-v2コレクションbear2u · bear2u/my-skills Generate high-converting landing pages that follow proven design and SEO principles. | Claude CodeCursorCodexGrok | 940 | 1334 |
| 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 CodeCursorCodexGrok | 1354 | 1141 |
| 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 CodeCursorCodexGrok | 18 | 1115 |
| 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 CodeCursorCodexGrok | 2.9万 | 774 |
監査ではなくランディングページのスキルを使うのはいつですか?
このページのスキルは、新しいランディングページを作ります。すでにページがあり、ルールに照らして確認するならweb design guidelines skillです。アクセシビリティの指摘はアクセシビリティのスキル、モーションはアニメーションのスキルです。親の一覧はClaudeデザインスキルです。
よくある質問
ランディングページで最もおすすめのスキルはどれですか?
ランディングページ分野の第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