本期评测锁定 Claude Code Skills 生态中最具商业价值却长期被低估的一块——落地页与转化型前端生成引擎。它们不同于"组件即资产"的组件库、也不同于"一令即应用"的交互微应用：落地页的核心 KPI 不是功能完备，而是转化率——把陌生访客在 5 秒内摁在页面、3 次点击内完成留资或下单。我们以 npx skills find 实时拉取的装机量为社区活跃度主指标，覆盖 Anthropic 官方旗舰、第三方品味升级、落地页专精、Awwwards 获奖级视觉、文案引擎、单文件制品打包、端到端营销生成器共七款，从功能完整度、上手难度、变现潜力、训练营适用性、社区活跃度五个维度展开实测。结论先行：官方 frontend-design 是无人能绕开的基座，Impeccable 是把"AI 味"降到最低的品味补丁，landing-page-design 是中小工作室最快变现的杠杆，awwwards-landing-page 是接 Awwwards 单子的视觉天花板。
| 排名 | Skill | 装机量 | 功能完整度 | 上手难度 | 变现潜力 | 训练营适用 | 社区活跃 | 综合 |
|---|---|---|---|---|---|---|---|---|
| 1 | anthropics/skills@frontend-design | 623.8K | ★★★★★ | ★★★★☆ | ★★★★☆ | ★★★★★ | ★★★★★ | 4.8 |
| 2 | pbakaus/impeccable@frontend-design | 53.9K | ★★★★★ | ★★★☆☆ | ★★★★★ | ★★★★☆ | ★★★★☆ | 4.4 |
| 3 | halt-catch-fire/skills@landing-page-design | 21.5K | ★★★★☆ | ★★★★★ | ★★★★★ | ★★★★☆ | ★★★★☆ | 4.4 |
| 4 | anthropics/skills@web-artifacts-builder | 高（旗舰级） | ★★★★☆ | ★★★★☆ | ★★★★☆ | ★★★★☆ | ★★★★★ | 4.2 |
| 5 | onewave-ai/claude-skills@landing-page-copywriter | 4.6K | ★★★☆☆ | ★★★★★ | ★★★★☆ | ★★★★☆ | ★★★☆☆ | 3.9 |
| 6 | eng0ai/eng0-template-skills@awwwards-landing-page | 928 | ★★★★☆ | ★★★☆☆ | ★★★★★ | ★★★☆☆ | ★★★☆☆ | 3.8 |
| 7 | kostja94/marketing-skills@landing-page-generator | 1.2K | ★★★★☆ | ★★★★☆ | ★★★★☆ | ★★★★☆ | ★★★☆☆ | 3.8 |
装机量数据为
npx skills find实时返回值（截至 2026-07-04），社区活跃度以此为锚定。
mindmap
root((落地前端引擎))
官方基座
frontend-design 基础界面
web-artifacts-builder 单文件制品
品味升级
impeccable 设计语言
design-taste 品味蒸馏
落地页专精
landing-page-design 转化结构
landing-page-generator 端到端
视觉天花板
awwwards-landing-page 滚动动效
文案大脑
landing-page-copywriter 转化文案
配套打包
vercel/netlify/cloudflare 部署
装机量 623.8K，断层第一。 这是 Anthropic 官方 reference skills 仓库里的招牌技能，定位"production-grade、有辨识度的高质量前端界面"。它不是一个写死的模板，而是一套设计哲学注入：通过 SKILL.md 中的设计原则（排版层级、留白节奏、配色克制、反"AI 味"默认审美）约束 Claude 的输出，避免产出那种"一眼 Midjourney 网页感"的廉价效果。
核心演示： 给它一句"为独立 SaaS 做一个落地页"，它会先确立视觉方向（字体配对、主色、栅格），再逐区块生成 Hero、特性卡、价格表、FAQ，全程单文件 HTML 可直接双击打开。评分：功能 5 / 上手 4 / 变现 4 / 训练营 5 / 社区 5。 变现上它适合做"AI 落地页工厂"的底层引擎，但因为是通用基座、不带转化文案逻辑，单独卖溢价有限；训练营适用性满分——它就是官方范本，最适合当教学第一课。竞品对比： Impeccable 明确宣称是它的"品味补丁"，但官方版本胜在零依赖、永远跟 Claude 版本对齐。
装机量 53.9K，第三方设计技能的领跑者。 作者开门见山："Anthropic 的 frontend-design 是第一个被广泛使用的设计技能，Impeccable 要做得更好。"它不是单文件，而是18 个互联技能组成的设计语言体系——把 Claude 变成一个"有审美主张"的前端搭档，核心差异在于它预设了一套连贯的设计系统（间距 token、阴影层级、动效曲线），让多个页面之间风格统一、而非各自为政。
核心演示： 同样一句指令，Impeccable 会先输出一份"设计令牌表"（color、space、radius、shadow），再据此生成所有页面，改一个变量全站联动。评分：功能 5 / 上手 3 / 变现 5 / 训练营 4 / 社区 4。 上手难度三星，因为 18 个子技能需要理解调度逻辑；但变现潜力五星——"设计系统一致性"正是甲方向独立设计师付费的核心痛点，可直接封装为"品牌官网生成"订阅服务。竞品对比： 比 frontend-design 重，比 awwwards-landing-page 轻，是承接中端官网订单的最佳甜点位。
装机量 21.5K，落地页垂类第一。 当官方 frontend-design 还在"做漂亮界面"时，这款技能直接瞄准转化漏斗：它内置了经过验证的落地页骨架——Hero 公式（痛点 + 承诺 + 主 CTA）、社会证明区、特性三栏、对比锚定、FAQ 化解异议、底部二次 CTA。输出的不是"好看的页"，而是"会卖货的页"。
核心演示： 输入产品卖点与目标受众，它按 AIDA / PAS 模型自动排布区块顺序，并为每个区块生成转化导向的文案骨架。评分：功能 4 / 上手 5 / 变现 5 / 训练营 4 / 社区 4。 上手满分——对设计零基础的销售、运营极度友好；变现满分——单页落地页在国内市场报价 800–3000 元，AI 生产成本几乎为零，毛利惊人。训练营适用： 适合"7 天学会卖落地页"的轻量课，结合真实案例改稿即可结业。注意： 视觉精致度依赖 frontend-design / Impeccable 配合，单独使用偏"结构骨架"。
属官方 skills 体系内的"制品打包"技能，社区 awesome-claude-skills 把 artifacts-builder 列为创建"复杂多组件 claude.ai HTML 制品"的标配。 它解决的是一个工程痛点：Claude 默认倾向产出单文件 HTML，但真实项目需要 React 组件、Tailwind、shadcn/ui 的组合，最终又要能打包成单文件可分享。web-artifacts-builder 正是这套"开发用组件、交付用单文件"的桥。
核心演示： 用 React + Tailwind + shadcn 写出多区块落地页，一键 bundle 成独立 HTML，拖进浏览器即可运行、也可直接交付客户预览。评分：功能 4 / 上手 4 / 变现 4 / 训练营 4 / 社区 5。 它的价值在"工程化交付"——让 AI 产出的页面真正能进生产、能被部署平台接住，是变现闭环里不可缺的最后一公里。竞品对比： 不与设计技能竞争，而是它们的"出口"，常与 frontend-design 串联使用。
装机量 4.6K，纯文案向。 多数前端技能把文案当"占位 Lorem"，而它专攻落地页文案——标题钩子、副标承诺、特性 bullet 的利益化改写、CTA 动词选择、FAQ 异议处理。把它接在视觉技能之后，等于给页面装上"销售文案大脑"。
核心演示： 输入产品参数，输出可直接粘贴进区块的转化文案组，并标注每段文案对应的漏斗阶段。评分：功能 3 / 上手 5 / 变现 4 / 训练营 4 / 社区 3。 功能三星因为它是纯文本、不含视觉；但与 landing-page-design 串联后形成"结构 + 文案"组合拳，变现空间立刻打开——很多甲方付费买的不是设计而是"会说人话的文案"。训练营： 适合营销文案课的实战环节，A/B 文案对比改写是天然的教学素材。
装机量 928，体量小但定位极高。 这是一款设计师作品集落地页模板技能，技术栈是 Locomotive Scroll + GSAP + Framer Motion，主打滚动驱动的电影级视觉叙事——平滑滚动视差、滚动触发动画、沉浸式分屏。它瞄准的是能上 Awwwards、能收高端品牌单的那一档市场。
核心演示： 一键脚手架出带平滑滚动与交互动效的作品集页，适合摄影师、设计工作室、品牌发布页。评分：功能 4 / 上手 3 / 变现 5 / 训练营 3 / 社区 3。 上手三星因为涉及多动画库协同、调试成本高；但变现五星——这类视觉单子国内报价过万、海外数千美元，AI 把生产时间从一周压到一天。注意： 性能优化与跨浏览器兼容需人工把关，不适合纯小白；与"一动即活"交互动效评测的区隔在于：它专攻落地页场景的滚动叙事，而非通用交互动效。
装机量 1.2K，主打"一站式"。 与 landing-page-design 偏结构、copywriter 偏文案不同，它试图把市场调研 → 卖点提炼 → 文案 → 落地页生成串成一条营销流水线，属于 marketing-skills 技能族的一员。适合"一个人就是一支市场部"的独立创业者。
核心演示： 输入产品与竞品，输出定位差异、核心卖点、对应落地页（含文案与布局建议）。评分：功能 4 / 上手 4 / 变现 4 / 训练营 4 / 社区 3。 它的最大卖点是"端到端"——省去在多个技能间切换的成本，但每一段深度都不如专精技能。训练营适用： 是"AI 营销自动化"主题课的天然主角，适合讲解"技能组合（skill chaining）"理念。竞品对比： 广度第一、深度居中，是入门者最省心的选择。
🥇 综合首选： frontend-design（官方）+ Impeccable（品味补丁）+ web-artifacts-builder（打包出口）—— 三件套覆盖"好看 → 一致 → 可交付"全链路。
💰 变现之王： halt-catch-fire/landing-page-design × onewave-ai/landing-page-copywriter —— 结构 + 文案组合，单页毛利最高、回款最快。
🎨 接高端单： awwwards-landing-page —— 滚动叙事视觉天花板，专攻过万客单价的品牌/作品集页。
🎓 训练营首选： frontend-design（教学范本）→ landing-page-generator（端到端实战）—— 由浅入深的最佳教学梯度。
🚀 零基础上手： landing-page-design → landing-page-copywriter —— 对设计/代码双零基础最友好。
[!tip] 51学通信知识星球 星主：爱卫生（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。 星球定位：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。 当前规模：5200 篇主题 / 990 个回答，198 元/年。 加入福利：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。 AI 加持：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。