# AI Design Skills

> A collection of installable markdown design skills for AI coding tools such as Claude Code, Cursor, Codex, and Windsurf.

AI Design Skills is an MIT-licensed collection of design skills for AI coding tools, published by elayadesign on GitHub. Each skill is a self-contained folder with a SKILL.md file that tools like Claude Code, Cursor, Codex, and Windsurf can read as rules. The collection currently lists a landing-page design skill, with more described as on the way.

## What It Is

The project packages design guidance as markdown rules files that an AI coding assistant follows when generating work. Users pick a skill folder and install it into their tool of choice, then ask in plain language for what the skill covers.

The listed `landing-page-design` skill builds a landing page from scratch. It covers intake questions, page structure, and conversion copy, along with a full visual system including type, spacing, radius, and motion.

## How Installation Works

For Claude Code, a skill folder is copied into `.claude/skills`. For Cursor, the SKILL.md file is downloaded into `.cursor/rules` or pasted into the Rules for AI settings. For Codex, Windsurf, Cline, and other tools, the SKILL.md contents go into the tool's rules file, such as `AGENTS.md`, `.windsurfrules`, or `.clinerules`. Claude.ai users can upload the file to a Project or attach it to a chat.

## Customization

Each skill's design values, including fonts, colors, spacing, and motion, sit in one section near the bottom of its file. Forking the repo and editing that section changes the rest of the skill's output accordingly.

The README credits content realism and motion ideas in `landing-page-design` to Leonxlnx/taste-skill by Leon Lin, MIT licensed. A separate repository, redesign-skill, covers upgrading an existing site rather than building a new one.

## Features
- Self-contained skill folders installable individually
- Landing page design skill with intake questions, page structure, and conversion copy
- Visual system covering type, spacing, radius, and motion
- Works with Claude Code, Cursor, Codex, Windsurf, Cline, and other markdown rules tools
- Editable design values section for customization
- MIT license

## Integrations
Claude Code, Cursor, Codex, Windsurf, Cline, Claude.ai

## Platforms
API, CLI

## Pricing
Open Source

## Links
- Website: https://github.com/elayadesign/ai-design-skills
- Documentation: https://github.com/elayadesign/ai-design-skills#readme
- Repository: https://github.com/elayadesign/ai-design-skills
- EveryDev.ai: https://www.everydev.ai/tools/ai-design-skills