- 形态
- 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
video-shotcraft
AI 视频技能,用于制作电影级产品宣传视频。
Agent SkillAI 视频动态设计
manim_skill
为 Manim 提供创建 3Blue1Brown 风格动画的 Agent 技能。
Agent Skill
drawio-skill
从自然语言生成 draw.io 图表,支持多种预设和导出格式。
Agent Skill
ip-as-logo-skill
生成简化、圆润的IP吉祥物标志。
Agent Skill
logo-generator-skill
专业SVG标志生成器,提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图,提升应用下载率。
Agent Skill