ai-design-skills

ai-design-skills

为AI编码工具提供设计能力,支持多种AI助手。

Agent Skill设计与多媒体开源
形态
Agent Skill
是否开源
GitHub Stars
★ 1.0k
收录来源
skill-github

能力说明

ai-design-skills 是一个不断增长的设计技能集合,适用于Claude Code、Cursor、Codex、Windsurf等读取Markdown规则文件的AI编码工具。每个技能都是一个独立的文件夹,可以根据需要安装。这些技能可以帮助AI生成从零开始构建的落地页,包括页面结构、转换文案和完整的视觉系统(字体、间距、圆角、动画)。通过简单的命令或配置,可以将这些技能集成到不同的AI工具中。

能力点

  • 生成落地页结构
  • 编写转换文案
  • 创建视觉系统
  • 自定义设计值

适用场景

快速搭建网站落地页优化现有网站设计自动化生成设计元素

接入方式

依赖:API KeyNode 环境
根据所选技能,使用提供的命令将其克隆并复制到相应的AI工具目录中。例如,对于Claude Code:\\n```bash\\nmkdir -p .claude/skills\\ngit clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills\\ncp -r /tmp/ai-design-skills/skills/<skill-name> .claude/skills/```

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

如何自定义设计值?

编辑技能文件中的设计值部分,其余部分会自动跟随。

支持哪些AI工具?

支持Claude Code、Cursor、Codex、Windsurf等。

相关 Skill