EA

elayadesign/ai-design-skills

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

1.1万 stars 质量 72 趋势 95MIT

elayadesign/ai-design-skills 是从 https://github.com/elayadesign/ai-design-skills. 导入的代理技能候选

概览

elayadesign/ai-design-skills 是从 https://github.com/elayadesign/ai-design-skills. 导入的代理技能候选

概述(AI 翻译)

AI编程工具设计技能不断增长——Claude Code、Cursor、Codex、Windsurf以及任何读取Markdown规则文件的软件。

每个技能都是一个独立的文件夹。安装你需要的技能。


技能

技巧 它的作用
landing-page-design 从零开始构建着陆页——包括入场问题、页面结构、转换文案,以及完整的视觉系统(类型、间距、半径、动作)

更多内容正在路上。升级现有网站而不是新建?那个仓库存在自己的仓库,因为它早于这个集合。


安装

从上面的表格中选择一个技能,然后在下面用 替换成其文件夹名称。

克劳德密码

然后用简单的语言问问,这个技能涵盖了什么。

光标

或者把文件粘贴到AI规则→设置里。

Codex / 风帆冲浪 / 其他

把技能的SKILL.md复制到你的工具用于项目规则的系统里:

工具 路径
法典 AGENTS.md
风帆冲浪 .windsurfrules
克莱恩 .clinerules
通用 粘贴到你的系统提示

Claude.ai(无终端)

下载该技能的“SKILL”。

本页由 AI 翻译,技术细节请以原文为准。

README

AI Design Skills

A growing collection of design skills for AI coding tools — Claude Code, Cursor, Codex, Windsurf, and anything else that reads a markdown rules file.

Each skill is a self-contained folder. Install the ones you need.


Skills

Skill What it does
landing-page-design Builds a landing page from scratch — intake questions, page structure, conversion copy, plus a full visual system (type, spacing, radius, motion)

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 `` below for its folder name.


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.


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.


License

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

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add elayadesign/ai-design-skills
新手?先看 mcpskill.org 教程 →