elayadesign/ai-design-skills

这是什么？

核心功能

• 01提供 landing-page-design 技能，涵盖页面结构、文案与视觉系统
• 02每个技能是可独立安装的完整文件夹
• 03兼容 Claude Code、Cursor、Codex、Windsurf、Cline 及通用系统提示词
• 04字体、颜色、间距等设计变量集中在一个可编辑章节
• 05采用 MIT 许可证

适用场景

• 借助 AI 编程助手为产品发布生成落地页
• 为 AI 工具提供统一设计规则，使生成的界面遵循既定视觉体系
• 通过 fork 仓库修改字体、颜色和间距，适配团队品牌

快速上手

1. 1

   在项目中创建 skills 文件夹

   mkdir -p .claude/skills
2. 2

   将仓库克隆到临时文件夹

   git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills
3. 3

   将所需的 skill 文件夹复制到项目中(将 <skill-name> 替换为例如 landing-page-design)

   cp -r /tmp/ai-design-skills/skills/<skill-name> .claude/skills/
4. 4

   在 Claude Code 中用自然语言提出该 skill 所涵盖的需求

收录于专题

标签

常见问题

ai-design-skills 是什么？

一组面向 Claude Code、Cursor、Codex 等 AI 编程工具的设计技能文件，目前包含落地页设计技能。 AI Design Skills 是一组以 markdown 编写的设计技能文件，AI 编程工具在构建用户界面时可以按照其中的指引工作。每个技能都是独立文件夹，内含 SKILL.md，只需把需要的技能复制到项目的规则或 skills 目录即可。

ai-design-skills 可以免费使用吗？用的什么许可证？

ai-design-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

ai-design-skills 还在维护吗？

活跃维护中。ai-design-skills 最近一次提交是在 2026年11月1日。

ai-design-skills 适合用来做什么？

借助 AI 编程助手为产品发布生成落地页 为 AI 工具提供统一设计规则，使生成的界面遵循既定视觉体系 通过 fork 仓库修改字体、颜色和间距，适配团队品牌

ai-design-skills 怎么安装和运行？

在项目中创建 skills 文件夹: mkdir -p .claude/skills 将仓库克隆到临时文件夹: git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills 将所需的 skill 文件夹复制到项目中(将 <skill-name> 替换为例如 landing-page-design): cp -r /tmp/ai-design-skills/skills/<skill-name> .claude/skills/ 在 Claude Code 中用自然语言提出该 skill 所涵盖的需求

在哪里获取 ai-design-skills？

源代码和安装说明在 GitHub 上：https://github.com/elayadesign/ai-design-skills