elayadesign/ai-design-skills
Summary
AI Design Skills 是一个开源的 AI 设计技能合集，为 Claude Code、Cursor、Codex、Windsurf 等 AI 编码工具提供自包含的 Markdown 规则文件，目前包含 landing-page-design 技能，可通过复制 SKILL.md 轻松安装和自定义。
View Cached Full Text
Cached at: 10/28/26, 01:36 AM
elayadesign/ai-design-skills
Source: https://github.com/elayadesign/ai-design-skills
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 <skill-name> below for its folder name.
Claude Code
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/<skill-name> .claude/skills/
Then just ask, in plain language, for what that skill covers.
Cursor
mkdir -p .cursor/rules
curl -o .cursor/rules/<skill-name>.md \
https://raw.githubusercontent.com/elayadesign/ai-design-skills/main/skills/<skill-name>/SKILL.md
Or paste the file into Settings → Rules for AI.
Codex / Windsurf / other
Copy the skill’s SKILL.md into whatever your tool uses for project rules:
| Tool | Path |
|---|---|
| Codex | AGENTS.md |
| Windsurf | .windsurfrules |
| Cline | .clinerules |
| Generic | paste into your system prompt |
Claude.ai (no terminal)
Download the skill’s SKILL.md and upload it to a Project, or attach it to a chat and say “follow this.”
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.
Similar Articles
@Ryrenz: Found another amazing landing page tool. ai-design-skills lets AI coding tools like Claude Code and Cursor create stylish landing pages directly. ai-design-skills already has over 10,000 stars on GitHub, and it was only at the end of July that…
ai-design-skills is an open-source collection of skills on GitHub that gained over 10,000 stars in three months. It enables AI coding tools like Claude Code and Cursor to directly generate well-designed landing pages without the typical AI look, covering requirements planning, page structure, conversion copy, and a complete visual system.
@bozhou_ai: This is the most visually intuitive design Skill for removing the AI feel I've ever seen. The author is an early creator of jQuery UI, and it has already racked up 92.8k stars on GitHub. It includes 5 major functional dimensions: 1. Style Direction: Precise control over the interface's vibe. Supports one-click boosting of visual impact, toning down cluttered elements, fixing…
Impeccable, open-sourced by Paul Bakaus, an early creator of jQuery UI (92.8k stars on GitHub), is a design Skill for coding agents. It offers five major capabilities: style direction, design review, delivery polish, live iteration, and spec consolidation. Using 62 deterministic rules, it detects the homogenized "AI slop" problem in AI-generated interfaces, and is compatible with mainstream agents like Claude Code, Cursor, and Codex.
@ricouii: 在试用了大部分热门的设计 SKILL 之后，最终我只留下这 4 个： 1. Impeccable http://impeccable.style 2. Skills for Design Engineers http://github.c…
作者推荐了4个设计相关的AI技能，其中重点介绍了Impeccable，它能检测并去除AI生成的设计痕迹，提供设计语言命令。
@axichuhai: https://x.com/axichuhai/status/2062146611472400461
Shares 8 curated AI skills, covering basic configuration, product development, and content creation, to boost AI productivity for agents such as Claude Code and CodeX.
@nini_incrypto_: Sharing essential Skills to boost productivity in the AI era. There are currently 10k+ Skills on GitHub, but only a few are worth installing: Drawing: drawio-skill — natural language architecture diagram generation, auto screenshot correction; Excalidraw — hand-drawn whiteboard feel; Backend: Context Mo…
Recommends essential GitHub Skills for the AI era, covering drawing, backend, general, knowledge management, frontend, and document processing, enhancing development and design efficiency.