面向着陆页的 Agent Skills
落地页 Skill 帮助 AI Agent 制作单一用途页面：一个 offer、一类受众、一个行动。它们覆盖决定访客是否转化的各个环节——offer 本身、让 offer 一目了然的 hero 区、来自相似访客的 social proof、表单和 CTA、对异议的回应，以及让页面快速无阻塞加载的性能。使用排名列表时，先找到你最薄弱的子主题，再阅读该 Skill 的描述，确认它匹配你页面的任务。每个缺口只选一个 Skill，而不是堆叠多个解决同一问题的 Skill。列表按观察到的搜索需求排名，直接匹配的排在前，且对单一发布者设有上限。
8 个先看27 个推荐选项
从这些开始。
A landing page has one job: a visitor arrives from somewhere specific and either takes one action or leaves.
这些是和这项工作最接近的结果。从第一条开始，打开后即可安装。
- 排名 01查看 Agent Skill直接匹配
landing-page-conversion-audit
精选审计落地页、销售页或结账页的转化流失，并返回按预期收入影响排序的修复清单。当被要求审查、批评或改进落地页、销售页、订阅页、产品页或结账流程时，当转化率低时，当付费流量不转化时，或当有人问“为什么这个页面不转化”或想要 CRO / 落地页审查时使用。
55,425 · 受欢迎程度 - 排名 02查看 Agent Skill直接匹配
cro
分析营销页面（包括落地页）的转化情况，涵盖价值主张、标题、CTA、信任信号、异议处理和摩擦。
79,251 · 受欢迎程度 - 排名 03查看 Agent Skill直接匹配
landing-page-design
落地页转化优化，涵盖首屏公式、主视觉区设计、CTA 心理学、社会证明放置和移动端设计规则。
45,260 · 受欢迎程度 - 排名 04查看 Agent Skill直接匹配
landing-page-copywriter
运用 PAS、AIDA 和 StoryBrand 框架撰写高转化落地页文案，产出标题、价值主张、CTA 及完整页面各板块内容。
6,357 · 受欢迎程度 - 排名 05查看 Agent Skill直接匹配
paid-landing-page-audit
根据点击后转化最佳实践，审计接收付费流量的落地页，返回按优先级排序的修复清单，涵盖信息匹配、首屏、表单摩擦、信任、速度和移动端。
6,355 · 受欢迎程度 - 排名 06查看 Agent Skill直接匹配
copywriting
精选当用户想要为任何页面撰写、重写或改进营销文案时——包括首页、落地页、定价页、功能页、关于页或产品页。也适用于用户说“为……写文案”“改进这段文案”“重写这个页面”“营销文案”“标题帮助”“CTA 文案”“价值主张”“标语”“副标题”“主视觉区文案”“首屏”“这段文案很弱”“让它更有说服力”或“帮我描述我的产品”。只要有人在处理需要说服或转化的网站文字，就使用此技能。邮件文案请见 emails。关于
202,021 · 受欢迎程度 - 排名 07查看 Agent Skill直接匹配
design-taste-frontend
面向落地页、作品集和改版的反套路前端技能，会阅读需求简报、推断设计方向，并通过严格预检交付非模板化界面。
576,715 · 受欢迎程度 - 排名 08查看 Agent Skill直接匹配
sales-funnel-blueprint
将报价转化为可直接构建的多步骤销售漏斗规格，包含逐页结构、价格阶梯、文案大纲和每步指标。
81,815 · 受欢迎程度
展开另外 19 个 Agent Skills
- 排名 09查看 Agent Skill直接匹配
imagegen-frontend-web
精选精英级前端图像方向技能，用于生成高级、注重转化的网站设计参考。关键输出规则——为每个部分生成一张单独的横向图像。一个包含 8 个部分的落地页会生成 8 张图像。切勿将多个部分压缩到一张图像中。强制构图多样性（不总是左文右图）、背景图像自由度、多样化的 CTA、多样化的主视觉尺度（巨型/中型/迷你极简）、叙事概念主线、二次阅读时刻，以及所有图像中单一一致的调色板。针对落地页、营销网站和产品 co 优化
290,357 · 受欢迎程度 - 排名 10查看 Agent Skill直接匹配
image-to-code
图像优先的网站设计到代码技能，生成区块设计图像，分析它们，然后实现匹配的落地页和营销网站。
350,805 · 受欢迎程度 - 排名 11查看 Agent Skill直接匹配
hallmark
面向全新页面、审计、重新设计和设计提取的反 AI 垃圾设计技能，坚持结构多样性，使页面不共享相同的模板节奏。
60,409 · 受欢迎程度 - 排名 12查看 Agent Skill直接匹配
impeccable
前端设计技能，用于设计、审查和打磨界面（包括落地页），涵盖层级、排版、动效和 UX 文案。
声明的前提（自述）: Node.js
319,215 · 受欢迎程度 - 排名 13查看 Agent Skill直接匹配
frontend-design
官方在构建新 UI 时提供独特、有意图的视觉设计指导，涵盖美学方向、字体、主视觉处理和避免模板化默认样式。
964,400 · 受欢迎程度 - 排名 14查看 Agent Skill可能匹配
offers
设计和改进 offer，包括价值框架、赠品叠加、保证、稀缺性和命名，适用于服务、课程和高客单价 B2B。
48,483 · 受欢迎程度 - 排名 15查看 Agent Skill可能匹配
competitors
为 SEO 和销售赋能创建竞品对比页和替代方案页，包括竞争性落地页。
70,543 · 受欢迎程度 - 排名 16查看 Agent Skill可能匹配
programmatic-seo
使用模板和数据大规模构建 SEO 驱动页面，包括模板化落地页、位置页面和对比页面。
141,281 · 受欢迎程度 - 排名 17查看 Agent Skill可能匹配
lead-magnets
规划和优化用于电子邮件捕获和潜在客户生成的引流磁铁，包括订阅入口和门控内容。
104,835 · 受欢迎程度 - 排名 18查看 Agent Skill可能匹配
ad-creative
生成并迭代广告创意，包括付费平台的标题、描述和正文。
123,484 · 受欢迎程度 - 排名 19查看 Agent Skill可能匹配
image
创建、编辑和优化营销图片，包括博客头图、社交图形和产品样机。
79,391 · 受欢迎程度 - 排名 20查看 Agent Skill可能匹配
marketing-mindset
营销人员的增长和获客任务运营思维，包括撰写广告、落地页和评估营销创意。
50,138 · 受欢迎程度 - 排名 21查看 Agent Skill可能匹配
penpot-build-screen
官方像资深视觉设计师一样，根据简要说明在 Penpot 中设计生产级界面——复用现有设计系统（tokens + 组件），逐区块组装，绝不一次性完成。用于根据描述创建界面/页面/落地页/仪表盘。不适用于翻译现有代码（请使用 penpot-build-from-code）。触发词：'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'。
- 排名 22查看 Agent Skill可能匹配
figma-generate-design
官方当任务涉及将应用页面、视图或多板块布局转换到 Figma 时，请将此 skill 与 figma-use 搭配使用。触发条件：'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'。当用户希望根据代码或描述在 Figma 中构建或更新完整页面、屏幕或视图时，这是首选的工作流 skill。它通过 search_design_system 发现设计系统组件、变量和样式，将其导入，并使用设计系统 token 而非硬编码值，逐板块增量组装屏幕。
- 排名 23查看 Agent Skill可能匹配
antfu-design
精选antfu 风格设计约定，范围更广。以 UnoCSS 优先，基于类的语义 token，为工具和 devtools UI 提供明暗双主题，并为落地页和产品界面提供设计解读、反粗制滥造和微交互打磨。在使用 UnoCSS 构建或重构任何界面时使用。
- 排名 24查看 Agent Skill可能匹配
penpot-uiux-design
在 Penpot 中创建专业 UI/UX 设计的综合指南，包括落地页、设计系统和无障碍性。
12,684 · 受欢迎程度 - 排名 25查看 Agent Skill可能匹配
penpot-build-from-code
官方将现有应用页面、视图或组件代码转换为绑定到现有设计系统的 Penpot 屏幕——把代码样式映射到语义 token，并复用库组件而非原始形状。适用于用户拥有真实代码/标记并希望逐节、按系统在 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'。
- 排名 26查看 Agent Skill可能匹配
performance-optimization
精选优化前端、后端、查询和数据库的应用性能。适用于存在性能要求时、怀疑出现性能回退时、需要改善Core Web Vitals或加载时间时、需要修复N+1查询模式时，或性能分析揭示瓶颈时。
- 排名 27查看 Agent 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.
常见问题
- 这个列表是如何排序的？
- 它按观察到的搜索需求排名。与主题直接匹配的排在最前，并且对任何单一发布者可占据的技能数量设有上限。
- 落地页 Skill 实际产出什么？
- 一个交付物：页面本身，或页面的文案和结构。本主题中的技能对应这些子主题——offer、hero、社会证明、表单与 CTA、异议和性能。
- 我可以使用多个落地页 Skill 吗？
- 可以，如果它们针对不同的子主题。例如，一个技能处理主视觉，另一个处理异议。避免选择两个解决同一问题的技能。
- 为什么性能被列为落地页的一部分？
- 因为缓慢或被阻塞的页面永远无法实现你设计的转化。性能是转化因素，不是单独的考量。
如何安装 Agent Skill
从本页第一条开始。Claude Code 会读取放进 skills 目录的 SKILL.md：
- Claude Code——把 landing-page-conversion-audit 的 SKILL.md 复制到 ~/.claude/skills/landing-page-conversion-audit/（个人使用），或 .claude/skills/landing-page-conversion-audit/（随项目共享）。
- 从 registry 安装——运行 npx skills add autonnel/autonnel-skills@landing-page-conversion-audit。
- 或者从 landing-page-conversion-audit 的来源下载 SKILL.md，放进上面的目录。
如何挑选 安装前先看出处和技能自身的说明。Official 与 Notable 标签描述的是技能来源。