elayadesign/ai-design-skills

来源：https://github.com/elayadesign/ai-design-skills

AI 设计技能

一个不断增长的 AI 编码工具设计技能集合——支持 Claude Code、Cursor、Codex、Windsurf，以及任何能读取 markdown 规则文件的工具。

每个技能都是一个独立的文件夹。按需安装即可。

技能列表

更多技能即将到来。想改造现有网站而非从头构建？（https://github.com/elayadesign/redesign-skill）该技能独立存在一个仓库中，因为它早于本集合。

安装

从上表中选择一个技能，然后将 `` 替换为对应的文件夹名。

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/.md \
  https://raw.githubusercontent.com/elayadesign/ai-design-skills/main/skills//SKILL.md

或者将文件粘贴到 Settings → Rules for AI 中。

Codex / Windsurf / 其他

将技能的 SKILL.md 复制到你的工具所使用的项目规则位置：

Claude.ai（无终端）

下载技能的 SKILL.md 并上传到 Project，或附加到对话中并说明 “follow this.”

定制

每个技能的设计参数（字体、颜色、间距、动效）都集中在文件底部附近的一个章节中。Fork 本仓库，编辑该章节，技能的其余部分会自动随之调整。

致谢

landing-page-design 的内容真实性与动效思路改编自 Leon Lin 的 Leonxlnx/taste-skill，MIT 许可。详情见 其 SKILL.md 末尾。

许可证

MIT。使用它、Fork 它、发布它、用它构建的东西出售——无需署名。