AI Design Skills

AI Design Skills 是一个不断增长的设计技能集合，专为 AI 编码工具（如 Claude Code、Cursor、Codex、Windsurf 以及任何读取 Markdown 规则文件的工具）而设计。每个技能都是一个独立的文件夹，你可以按需安装。

Skills

Skill	What it does
landing-page-design	从零构建落地页——包括需求问答、页面结构、转化文案，以及完整的视觉系统（字体、间距、圆角、动效）。

More on the way. Upgrading an existing site instead of building new? That one lives in its own repo since it predates this collection.

更多技能正在开发中。如果你需要升级现有网站而不是从头构建？该功能由于早于此集合，因此存放在其独立的仓库中。

Install

Pick a skill from the table above, then swap <skill-name> below for its folder name.

从上表中选择一个技能，然后将下方的 <skill-name> 替换为其文件夹名称。

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/<skill-name> .claude/skills/

Then just ask, in plain language, for what that skill covers.

然后只需用通俗的语言询问该技能所涵盖的内容即可。

Cursor

mkdir -p .cursor/rules
curl -o .cursor/rules/<skill-name>.md \
  https://raw.githubusercontent.com/elayadesign/ai-design-skills/main/skills/<skill-name>/SKILL.md

Or paste the file into Settings → Rules for AI.

或者将文件内容粘贴到“设置”→“Rules for AI”中。

Codex / Windsurf / other

Copy the skill’s SKILL.md into whatever your tool uses for project rules:

将该技能的 SKILL.md 复制到你的工具所使用的项目规则文件中：

Tool	Path
Codex	AGENTS.md
Windsurf	.windsurfrules
Cline	.clinerules
Generic	paste into your system prompt

Claude.ai (no terminal)

Download the skill’s SKILL.md and upload it to a Project, or attach it to a chat and say “follow this.”

下载该技能的 SKILL.md 并将其上传到 Project，或者将其附加到对话中并说“follow this”（遵循此规则）。

Make it yours

Every skill’s design values (fonts, colors, spacing, motion) live in one section near the bottom of its file. Fork this repo, edit that section, and the rest of the skill follows automatically.

每个技能的设计准则（字体、颜色、间距、动效）都位于文件底部的一个部分。Fork 此仓库并编辑该部分，其余的技能内容将自动适配。

Credits

landing-page-design adapts content realism and motion ideas from Leonxlnx/taste-skill by Leon Lin, MIT licensed. Details are at the end of its SKILL.md.

landing-page-design 采用了 Leon Lin 的 Leonxlnx/taste-skill 中的内容真实性和动效理念（MIT 许可）。详细信息位于其 SKILL.md 的末尾。

License

MIT. Use it, fork it, ship it, sell what you build with it. No attribution needed.

MIT 协议。你可以使用、Fork、发布它，或者销售你用它构建的产品。无需署名。