Agent Skills for Landing Pages That Convert

Landing page skills help an AI agent produce a single-purpose page: one offer, one audience, one action. They cover the parts that decide whether a visitor converts — the offer itself, the hero that makes it obvious, social proof from similar visitors, the form and CTA, answers to objections, and performance so the page loads fast and unblocked. Use the ranked list by scanning for the sub-topic you are weakest on, then read the skill's description to confirm it matches your page's job. Pick one skill per gap rather than stacking several that solve the same problem. The list is ranked by observed search demand, with direct matches first and a cap on any single publisher.

8 to start with27 top options

Start with these.

A landing page has one job: a visitor arrives from somewhere specific and either takes one action or leaves.

These are the closest matches for this work. Start with the first one and open it to install.

What this page is asking the visitor to believe or do.The first screen has to make the offer obvious.Evidence that people like this visitor already said yes.The one action, made easy and hard to miss.The reasons a visitor would not convert, answered on the page.Slow or blocked pages never get the conversion you designed.

27 top options

  1. Rank 04
    Direct

    landing-page-copywriter

    Writes high-converting landing page copy using PAS, AIDA, and StoryBrand frameworks, producing headlines, value propositions, CTAs, and full page sections.

    • Offer
    • Hero
    • Social proof
    6,357 · popularity
    View Agent Skill
  2. Rank 05
    Direct

    paid-landing-page-audit

    Audits a landing page receiving paid traffic against post-click conversion best practice, returning a prioritised fix list covering message match, above-the-fold, form friction, trust, speed, and mobile.

    • Hero
    • Social proof
    • Form & CTA
    6,355 · popularity
    View Agent Skill
  3. Rank 06
    Direct

    copywriting

    Notable

    When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," "CTA copy," "value proposition," "tagline," "subheadline," "hero section copy," "above the fold," "this copy is weak," "make this more compelling," or "help me describe my product." Use this whenever someone is working on website text that needs to persuade or convert. For email copy, see emails. For

    • Offer
    • Hero
    • Social proof
    202,021 · popularity
    View Agent Skill
  4. Rank 07
    Direct

    design-taste-frontend

    Anti-slop frontend skill for landing pages, portfolios, and redesigns that reads the brief, infers design direction, and ships non-templated interfaces with strict pre-flight checks.

    576,715 · popularity
    View Agent Skill
  5. Rank 08
    Direct

    sales-funnel-blueprint

    Turns an offer into a build-ready multi-step sales funnel spec with page-by-page structure, price ladder, copy outline, and per-step metrics.

    • Offer
    • Hero
    81,815 · popularity
    View Agent Skill
Explore 19 more Agent Skills
  1. Rank 09
    Direct

    imagegen-frontend-web

    Notable

    Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product co

    290,357 · popularity
    View Agent Skill
  2. Rank 10
    Direct

    image-to-code

    Image-first website design-to-code skill that generates section design images, analyzes them, then implements landing pages and marketing sites to match.

    350,805 · popularity
    View Agent Skill
  3. Rank 11
    Direct

    hallmark

    Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction, insisting on structural variety so pages don't share the same template rhythm.

    60,409 · popularity
    View Agent Skill
  4. Rank 12
    Direct

    impeccable

    Frontend design skill for designing, auditing, and polishing interfaces including landing pages, covering hierarchy, typography, motion, and UX copy.

    • Social proof

    Needs (stated): Node.js

    319,215 · popularity
    View Agent Skill
  5. Rank 13
    Direct

    frontend-design

    Official

    Guidance for distinctive, intentional visual design when building new UI, covering aesthetic direction, typography, hero treatment, and avoiding templated defaults.

    • Offer
    964,400 · popularity
    View Agent Skill
  6. Rank 14
    Possible

    offers

    Designs and improves offers including value framing, bonus stacking, guarantees, scarcity, and naming for services, courses, and high-ticket B2B.

    • Objections
    48,483 · popularity
    View Agent Skill
  7. Rank 15
    Possible

    competitors

    Creates competitor comparison and alternative pages for SEO and sales enablement, including competitive landing pages.

    • Offer
    • Objections
    70,543 · popularity
    View Agent Skill
  8. Rank 16
    Possible

    programmatic-seo

    Builds SEO-driven pages at scale using templates and data, including templated landing pages, location pages, and comparison pages.

    141,281 · popularity
    View Agent Skill
  9. Rank 17
    Possible

    lead-magnets

    Plans and optimizes lead magnets for email capture and lead generation, including opt-in and gated content.

    104,835 · popularity
    View Agent Skill
  10. Rank 18
    Possible

    ad-creative

    Generates and iterates ad creative including headlines, descriptions, and primary text for paid platforms.

    • Offer
    • Social proof
    123,484 · popularity
    View Agent Skill
  11. Rank 19
    Possible

    image

    Creates, edits, and optimizes marketing images including blog heroes, social graphics, and product mockups.

    • Hero
    • Objections
    79,391 · popularity
    View Agent Skill
  12. Rank 20
    Possible

    marketing-mindset

    A marketer's operating mindset for growth and client-acquisition tasks including writing ads, landing pages, and evaluating marketing ideas.

    50,138 · popularity
    View Agent Skill
  13. Rank 21
    Possible

    penpot-build-screen

    Official

    Design production-grade screens in Penpot from a brief, as a senior visual designer — reusing the existing design system (tokens + components) and assembling section by section, never one-shot. Use to create a screen/page/landing/dashboard from a description. NOT for translating existing code (use penpot-build-from-code). Triggers: 'design a dashboard', 'create a landing page', 'design this app screen', 'build a UI from this brief', 'design a settings page', 'mock up a screen in Penpot'.

    • Social proof
    View Agent Skill
  14. Rank 22
    Possible

    figma-generate-design

    Official

    Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

    View Agent Skill
  15. Rank 23
    Possible

    antfu-design

    Notable

    antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use when building or refactoring any interface with UnoCSS.

    View Agent Skill
  16. Rank 24
    Possible

    penpot-uiux-design

    Comprehensive guide for creating professional UI/UX designs in Penpot, including landing pages, design systems, and accessibility.

    12,684 · popularity
    View Agent Skill
  17. Rank 25
    Possible

    penpot-build-from-code

    Official

    Translate an existing application page, view, or component code into a Penpot screen that is bound to the existing design system — mapping code styles onto semantic tokens and reusing library components instead of raw shapes. Use when the user has real code/markup and wants it reconstructed in Penpot, section by section, on-system. Triggers: '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'.

    • Social proof
    View Agent Skill
  18. Rank 26
    Possible

    performance-optimization

    Notable

    Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.

    • Performance
    View Agent Skill
  19. Rank 27
    Possible

    theme-factory

    Official

    Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

    • Social proof
    View Agent Skill
What this topic covers

What this topic covers

Each sub-topic groups Agent Skills for a specific situation.

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.
Frequently asked questions

Frequently asked questions

How is this list ordered?
It is ranked by observed search demand. Direct matches to the topic appear first, and there is a cap on how many skills any single publisher can occupy.
What does a landing page skill actually produce?
A deliverable: the page itself, or the copy and structure for it. Skills in this topic map to the sub-topics — offer, hero, social proof, form and CTA, objections, and performance.
Can I use more than one landing page skill?
Yes, if they address different sub-topics. For example, one skill for the hero and another for objections. Avoid picking two skills that solve the same problem.
Why is performance listed as part of landing pages?
Because a slow or blocked page never gets the conversion you designed. Performance is a conversion factor, not a separate concern.

How to install an Agent Skill

Start with the first skill on this page. Claude Code reads a SKILL.md once it is in the skills directory:

  • 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.

How to choose Check the source and the skill’s own instructions before you install. Official and Notable describe where a skill comes from.