EA

elayadesign/ai-design-skills

Developer tools
247 stars 品質 56 トレンド 56

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

概要

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

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.


License

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

View this README on GitHub

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add elayadesign/ai-design-skills