SkillsScout
FRONTEND-DESIGN / 前端与设计

landing-page-design-elayadesign-ai-design-skills

收录日期 2026-07-30·来源仓库 ↗
受欢迎程度
4
可用程度与相关性
9
安全性
9
7.3SCOUT SCORE

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 兼容性

(结论仅基于已抓取的仓库 README 与 SKILL.md 原文,未为兼容性单独发起额外搜索。)

5. 推荐理由

它把“做一个转化率高、又不像 AI 生成”的落地页这件事,从策略层的用户意图挖掘到像素层的字体/间距/圆角/动效,全部变成可直接执行的强制规则清单;零依赖、纯 Markdown,跨平台安装说明清晰,一次调用即可获得接近成品质感的落地页草案。

6. 评分

维度 分数 说明
受欢迎程度 4 94 ★ / 5 forks,仓库创建仅约 1 天,短时间内增长较快,但样本窗口过短、未见独立于作者本人之外的第三方讨论;作者在 X 上公开展示过用该技能产出的实际案例
可用性 9 单条 git clonecurl 命令即可安装;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. 注意事项