elayadesign/ai-design-skills

如果你已经在用 AI 编程工具写营销页，又不想每次从空白提示词开始，这套技能值得看一眼；但今天它只有一个技能，还谈不上设计系统。

解决什么问题

想给新产品做一个落地页时，AI 编程工具很愿意帮你写 HTML 和 Tailwind，但产出经常跑偏：区块顺序随意、文案是占位符、字体和间距每次提示词都换一套。前后的差别很具体。原本是让 AI「做个落地页」，再手工重排区块、改间距和字号；现在只需把一个 markdown 技能文件放进工具的规则目录，然后用自然语言提出需求。工具会先问清需求，再按页面结构、转化文案以及一套明确的视觉系统（字体、间距、圆角、动效）来生成页面。

有什么不同

每个技能是一个独立文件夹，核心产物是 SKILL.md。它既不是插件也不是 npm 包，而是一份被工具当作项目规则读取的提示词文档，所以安装就是复制文件：Claude Code 放到 .claude/skills，Cursor 放到 .cursor/rules，Codex、Windsurf、Cline 分别对应 AGENTS.md、.windsurfrules、.clinerules，其他工具则贴进系统提示词 安装说明。没有终端的 Claude.ai 用户也可以把文件上传到 Project，或直接附在对话里。

好处是设计决策集中写在文件靠后的一个区域：fork 仓库，改掉字体、颜色、间距和动效，技能其余部分会跟着这套值走 项目说明。代价也来自同一个设计：这是一份通用的做法，它的具体程度体现的是作者的审美取向，而不是经过验证的转化框架。仓库里没有任何证据表明用这套技能做出来的页面效果更好；技能文件末尾注明，其内容真实感和动效思路改编自另一个 MIT 许可的技能仓库 落地页技能。如果你的品牌已有设计 token 和组件库，你要替换的是技能里的整套取值，而不是直接使用。

谁值得试

适合：用 Claude Code、Cursor 之类工具做首个营销页的个人开发者或小团队，希望 AI 先问清需求、再固定一套字体和间距，而不是每次临时发挥。也适合把技能 fork 一次、把取值区当作团队统一风格的代理式工作流。

不适合：已有设计系统、需要页面直接使用自己 token 和组件的团队，因为技能自带一套视觉取值。也不适合改造既有网站的场景，作者把这件事单独放在 redesign-skill 仓库里，等于多一个安装入口 改造技能。

使用条件与边界

需要一款会读取项目规则或技能目录的编程工具，或者一个能附上文件的 AI 对话。README 覆盖了 Claude Code、Cursor、Codex、Windsurf、Cline 以及通用系统提示词这几条路径 项目概览。它不涉及构建工具、运行时或依赖，日常维护主要是上游技能更新后重新复制文件，以及复核你对取值区的修改。

目前整个合集只列了一个技能，并写着「更多在路上」。技能按单个安装，没有一次覆盖后续新增技能的统一安装方式。另外，产出质量取决于模型能否遵循一份较长的流程化提示词，第一次生成的页面应当当作草稿审阅，而不是成品网站。

HotRepo 点评

HotRepo 只记录到一次日榜观测：2026-10-27 当天新增 1,395 星，总数 9,086，属于日榜数据。仓库创建于 2026-07-29，样本只有一个日期，无法据此判断关注度能否持续。决定采用前，建议先读落地页技能底部的取值区，确认其中的字体与间距假设是否符合你的项目 落地页技能。