📌 项目地址：elayadesign/ai-design-skills | ⭐ 10,899 颗星 | 📜 未标注
它解决什么问题
用 AI 写落地页，多数人的体验是：功能都对，但一眼就是 AI 做的。字体随机、间距没规律、动效生硬。原因不复杂，模型默认没有一套设计体系可循。
elayadesign/ai-design-skills 就是补这个缺口的。仓库里没有代码，只有一组 SKILL.md 文件，每个文件是一套完整的设计规则。你把它放进 AI 编程工具的规则目录，AI 再写页面时就会照着这套规则来，而不是即兴发挥。
目前收录的技能：
| 技能 | 作用 |
|---|---|
landing-page-design |
从零做落地页：前期问询、页面结构、转化文案，加上完整的视觉系统（字体、间距、圆角、动效） |
只有一个技能，覆盖面确实窄。如果是要改造已有网站而不是新建，作者另有一个前身项目 redesign-skill，放在独立仓库里。
怎么装
先从技能表选定一个技能，把下面命令里的 <skill> 换成对应文件夹名（比如 landing-page-design）。
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/ .claude/skills/
装完直接用自然语言提需求就行。
Cursor：
mkdir -p .cursor/rules
curl -o .cursor/rules/<skill>.md
https://raw.githubusercontent.com/elayadesign/ai-design-skills/main/skills/<skill>/SKILL.md
或者把文件内容粘贴到 Settings → Rules for AI。
Codex / Windsurf / Cline 等： 把 SKILL.md 复制到工具读规则的位置。Codex 是 AGENTS.md，Windsurf 是 .windsurfrules，Cline 是 .clinerules。通用做法是直接贴进系统提示词。
Claude.ai 网页版： 下载 SKILL.md，上传到一个 Project，或者在对话里附上文件说一句 “follow this”。
我觉得最实用的设计
每个技能文件底部附近有一段集中定义设计价值观的区域：字体、颜色、间距、动效全在这一个地方。作者的建议是 fork 仓库、只改这一段，技能其余部分会自动遵循新的偏好。
这个结构对团队很有用。改一次，全组的 AI 工具产出的页面就都符合品牌规范，不用每次对话重复交代。
出处和许可
landing-page-design 的内容真实感和动效思路改编自 Leon Lin 的 Leonxlnx/taste-skill，MIT 许可。
本仓库同样是 MIT，README 写得很直接：可以用、可以 fork、可以拿去卖你做出来的东西，不需要署名。
值不值得现在用
一万一千颗星对着一个技能，说明需求确实存在。如果你经常让 AI 做落地页，装上它成本几乎为零，一条命令的事。但如果要的是整站设计系统或组件库规范，这个仓库暂时帮不上忙，可以留意后续技能上架。