ai-design-skills

环境要求

• 已安装 Node.js（使用 npx 命令的前提）
• 一个能读取 markdown 规则文件的 AI 编码工具：Claude Code、Cursor、Codex、Windsurf 等
• 手动安装方式需要 git 与 curl 命令可用
• 可访问 GitHub 与 npm 仓库的网络环境

安装与启动步骤

1. 1确认 Node.js 环境

   项目通过 npx 运行 skills CLI，需先确认本机已安装 Node.js，否则 npx 无法使用。

   node -v

   复制

2. 2查看可用技能

   先列出仓库里包含哪些技能，不实际安装，便于挑选需要的模块。

   npx skills add elayadesign/ai-design-skills --list

   复制

3. 3交互式安装技能

   不加参数运行后，CLI 会列出仓库中的技能，询问安装哪些、给哪个智能体使用。

   npx skills add elayadesign/ai-design-skills

   复制

4. 4指定技能静默安装

   用 --skill 指定单个技能，加 -y 跳过确认，适合脚本化或已知需求的场景。

   npx skills add elayadesign/ai-design-skills --skill landing-page-design -y

   复制

5. 5手动装到 Claude Code

   不用 CLI 时，克隆仓库后把某个技能文件夹复制到 .claude/skills/ 目录即可。

   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/landing-page-design .claude/skills/

   复制

6. 6手动装到 Cursor

   直接下载技能的 SKILL.md 到 .cursor/rules/ 目录，也可粘贴进 Settings 的 Rules for AI。

   mkdir -p .cursor/rules
   curl -o .cursor/rules/landing-page-design.md https://raw.githubusercontent.com/elayadesign/ai-design-skills/main/skills/landing-page-design/SKILL.md

   复制

7. 7更新已装技能

   后续仓库有改动时，运行 update 拉取最新版本，无需重复安装。

   npx skills update

   复制

关键配置

如何确认成功

安装后在 .claude/skills/ 或 .agents/skills/ 下能看到对应技能文件夹；用自然语言向 AI 工具提出该技能覆盖的设计任务，能按技能规范产出结果即成功。

常见问题

注意事项

• 每个技能都是自包含的文件夹，按需安装即可，不必全量安装。
• 手动安装示例中的 landing-page-design 可替换为仓库中任意其他技能名。
• Codex、Windsurf、Cline 等工具没有专门目录时，把 SKILL.md 内容并入对应规则文件或系统提示词。