1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 名称 | landing-page-design-elayadesign-ai-design-skills | — |
| 作者/维护者 | Elaya(个人独立设计师,GitHub 账号 elayadesign) | GitHub API |
| 来源链接 | https://github.com/elayadesign/ai-design-skills/tree/main/skills/landing-page-design | — |
| 许可证 | MIT License | 仓库文件直读 |
| GitHub Stars / Forks | 94 ★ / 5 forks(仓库目前仅收录该 1 个子技能,故此数字即为该技能自身热度;仓库自述为“持续扩充的设计技能合集”,后续新增子技能后需重新核实) | GitHub API |
| 最新版本 | 无正式版本发布(无 releases/tags,单一分支持续更新) | GitHub API |
| 安装方式 | git clone 后复制子目录(Claude Code),或 curl 单文件(Cursor/Codex 等) |
仓库 README |
仓库自述名称为 “AI Design Skills”,是作者定位为“持续扩充的设计技能合集”的项目;正式名称按合集子技能规则取为 landing-page-design-elayadesign-ai-design-skills。
2. 功能介绍与亮点
这是一款专注“从零搭建落地页”的设计技能,分成策略与视觉系统两部分,把“做一个转化率高、且不像 AI 生成的落地页”拆解成一套可执行规则,而非一句笼统的风格提示词。
策略与结构(Part A):intake 清单(目标行动、受众画像、证据素材、约束条件)、Above-the-fold 五要素(标题/副标题/主 CTA/证据信号/主视觉)、四种页面布局类型的选型框架(经典 Hero+分区 / 长文叙事 / 极简转化页 / 对比页)、文案公式(结果导向标题、“动词+具体收益”式 CTA)、SEO 与 AEO 的收录与不收录判断标准。
视觉系统(Part B):严格的字体白名单(Geist、Manrope、Poppins 等,明确禁用 Inter/Roboto/Arial)、字号必须对齐 Tailwind 默认阶梯的 snapping 规则、统一间距 token 表、圆角嵌套公式(内圆角=外圆角−间隙)、深色模式背景色板、图标库白名单(Phosphor/Solar/Iconamoon)、动效规范(禁用默认 transition,统一用自定义三次贝塞尔曲线+ IntersectionObserver 滚动揭示)。
内容真实性清单:禁止 Lorem Ipsum、禁止 “Acme Corp” 类占位品牌名、禁止 “99.99%” 类整数假数据、禁止“Elevate/Seamless/Unleash”等 AI 陈词滥调,并要求交互六态(hover/active/focus/loading/empty/error)全部齐备。这套“反 AI 感”清单把常见的“一眼假”细节显式列成检查项,而不是依赖模型自行判断。
作者本人在 X(Twitter)账号 @elayadesigns 上公开分享过用该技能配合 Higgsfield 生图与 Cursor Composer 2.5 产出的实际落地页案例。
3. 适用场景
所属分类:前端与设计
适合需要为产品、SaaS 工具或活动快速搭建一个高转化落地页,但不具备专业视觉设计或转化文案经验的独立开发者、独立创业者与小团队;也适合希望统一团队产出风格、避免“一眼看出是 AI 做的”页面质感的场景。不适合已有成熟品牌视觉规范、需要严格复用既定设计系统的企业级项目——该技能的字体、间距、圆角等具体数值代表作者个人审美偏好,会与已有规范冲突。
4. 跨 Agent 兼容性
- Claude Code:✅ 原生支持——README 给出明确的
.claude/skills/安装路径与克隆命令。 - Codex:✅ 原生支持——README 说明将 SKILL.md 内容复制进项目的
AGENTS.md即可使用。 - OpenClaw:❓ 未验证——已抓取材料未提及 OpenClaw。
- Hermes Agent:❓ 未验证——已抓取材料未提及 Hermes Agent。
(结论仅基于已抓取的仓库 README 与 SKILL.md 原文,未为兼容性单独发起额外搜索。)
5. 推荐理由
它把“做一个转化率高、又不像 AI 生成”的落地页这件事,从策略层的用户意图挖掘到像素层的字体/间距/圆角/动效,全部变成可直接执行的强制规则清单;零依赖、纯 Markdown,跨平台安装说明清晰,一次调用即可获得接近成品质感的落地页草案。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 4 | 94 ★ / 5 forks,仓库创建仅约 1 天,短时间内增长较快,但样本窗口过短、未见独立于作者本人之外的第三方讨论;作者在 X 上公开展示过用该技能产出的实际案例 |
| 可用性 | 9 | 单条 git clone 或 curl 命令即可安装;README 对 Claude Code/Cursor/Codex/Windsurf/Cline 等多个平台分别给出清晰安装步骤;SKILL.md 结构完整、含大量具体示例;零第三方依赖、零付费项 |
| 安全性 | 9 | 见下方安全检查清单 |
安全检查清单:
| 检查项 | 结果 |
|---|---|
| ① Shell 命令及权限范围 | 无——仓库内除 SKILL.md/README/LICENSE 外没有任何脚本或可执行代码 |
| ② 运行时联网外发 | 无——纯提示词/规则文件,不发起任何网络请求 |
| ③ API Key / 凭据 | 不需要 |
| ④ 可疑指令 | 逐段核查全文 403 行 SKILL.md,内容均为落地页策略与视觉规则,未发现要求执行操作、访问文件或凭据的指令 |
| ⑤ 作者信誉 | 个人独立设计师,GitHub 账号注册于 2025 年 6 月(早于本仓库一年以上),在 X 平台以真实身份公开展示作品;同作者此前发布的姊妹仓库 redesign-skill 已有 147 ★ 积累,未见刷星或虚假宣传迹象 |
| ⑥ License | MIT,明确 |
| ⑦ 最近维护时间 | 仓库刚创建(2026-07-29),提交集中在创建当天,长期维护节奏尚待观察 |
7. 跟同类 Skills 相比的优势
| 对比对象 | 定位 | 与本技能的差异 |
|---|---|---|
| 2389-research/landing-page-design | 采用对话式“Vibe Discovery”挖掘流程与反 AI 感设计原则的 Codex 技能,11 ★ | 同样强调“防止 AI 感”,但走对话式发现流程;视觉规则颗粒度不及本技能的像素级 token 体系(统一字号阶梯、间距表、圆角公式) |
| borghei/Claude-Skills 内 marketing/landing-page-generator | 涵盖 368 个技能、76 个专家 agent 的大型通用技能市场中的一项,覆盖工程/PM/市场等全团队场景,424 ★ | 定位是“大而全”的技能超市,落地页只是其中一个条目,单项深度有限;本技能是专精单一场景的独立产品 |
| bear2u/my-skills 内 landing-page-guide-v2 | 个人常用技能合集中的一项,898 ★,License 未标注 | 属个人技能仓库中的条目,非独立维护的专门产品;本技能 License 为 MIT,权属清晰 |
| elayadesign/redesign-skill(同作者姊妹技能) | 同一作者发布,面向“改造已有网站”而非“从零搭建”,147 ★ | 二者互补而非竞争:redesign-skill 诊断并改造现有页面的通用模式,涉及具体数值时会调用本技能;本技能负责从零构建新落地页的完整策略与视觉系统 |
8. 用户评价
该技能目前在第三方平台尚无独立于作者本人之外的具名用户评价。
9. 其他补充
仓库定位为持续扩充的设计技能合集,当前仅收录该 1 个子技能,README 注明“更多技能陆续开放”;同作者的姊妹仓库 redesign-skill 专门服务“改版已有网站”场景。License 为 MIT,允许自由使用、修改与商用,无需署名。
10. 安装使用方式
Claude Code:
mkdir -p .claude/skills
git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills
cp -r /tmp/ai-design-skills/skills/landing-page-design .claude/skills/
Cursor:
mkdir -p .cursor/rules
curl -o .cursor/rules/landing-page-design.md \
https://raw.githubusercontent.com/elayadesign/ai-design-skills/main/skills/landing-page-design/SKILL.md
Codex / Windsurf / 其他:将该技能的 SKILL.md 内容复制进项目对应的规则文件(Codex 为 AGENTS.md,Windsurf 为 .windsurfrules)。
安装后无需重启,直接用自然语言描述落地页需求即会触发该技能——其 description 字段声明“任何构建、编辑、样式调整、评审或撰写落地页文案的场景”都应加载本技能,即使用户没有提及“设计”或“转化”等关键词。
11. 注意事项
- 仓库创建仅约 1 天,长期维护节奏、是否会如自述持续新增技能尚待观察。
- 视觉规则高度绑定 Tailwind CSS 的默认设计 token(字号、间距、圆角均以 Tailwind class 表达),项目未使用 Tailwind 时需自行换算。
- 字体(Geist/Manrope/Poppins)与图标库(Phosphor/Solar/Iconamoon)白名单代表作者个人审美偏好,团队已有品牌视觉规范时可能需要手动覆盖这些具体数值。
- OpenClaw 与 Hermes Agent 的兼容性目前未获验证。