单日进账 1395 星的 ai-design-skills，想给 Claude Code 和 Cursor 补上"设计品味"

单日进账 1395 星的 ai-design-skills，想给 Claude Code 和 Cursor 补上”设计品味”

AI 能把功能代码写得又快又全，但让它顺手做一个落地页，出来的东西十有八九是同一种味道：默认字体、生硬间距、没有节奏的动效。9505 星的 ai-design-skills 正是冲着这个痛点来的——单日 1395 星的增速，说明被”AI 塑料感”折磨的开发者不在少数。

这个仓库的思路很直接：把设计经验做成技能文件夹，喂给任何能读 markdown 规则文件的 AI 编码工具。首个技能 landing-page-design 覆盖了从零构建落地页的全过程——先通过需求提问弄清目标，再定页面结构和转化文案，最后落地一整套视觉系统：字体、间距、圆角、动效，一样不缺。

安装方式几乎无门槛，按工具各取所需：

• Claude Code：把技能文件夹复制到 .claude/skills/，之后用自然语言直接提需求即可；
• Cursor：把 SKILL.md 放进 .cursor/rules/，或粘贴到 Settings → Rules for AI；
• Codex 用 AGENTS.md，Windsurf 用 .windsurfrules，Cline 用 .clinerules；
• 甚至不用终端——把 SKILL.md 上传到 Claude.ai 的 Project，说一句”follow this”就能用。

一个值得留意的细节是可定制性：每个技能的设计价值观（字体、颜色、间距、动效）都集中在文件底部的一个区块里，fork 仓库改掉那一段，整个技能的行为就会自动跟随。换句话说，它不是一个锁死的模板，而是一套可以被团队改造成自己风格的设计底座。项目采用 MIT 许可，免署名，商用无负担。作者还有一个姊妹仓库 redesign-skill，专门处理”改造现有站点”而非从零新建的场景。

仓库地址：https://github.com/elayadesign/ai-design-skills