AI Design Skills

AI Design Skills is a collection of design skills for AI coding tools that adds markdown rules for building landing pages.

AI Design Skills is a growing collection of design skills for AI coding tools like Claude Code, Cursor, Codex, Windsurf, and other systems that read markdown rules files. Each skill is a self-contained folder that users can install as needed. The initial skill, landing-page-design, builds a landing page from scratch by handling intake questions, page structure, conversion copy, and a full visual system covering type, spacing, radius, and motion. Users can customize the design values such as fonts, colors, spacing, and motion by editing a single section near the bottom of the file. The project is distributed under the MIT license, allowing users to use, fork, and sell what they build without attribution.

AI Design Skills at a glance

Best for: Designer, Software engineer
Runs on: Web, CLI
Pricing: Free and open source under the MIT license
Released: July 2026
Category: AI coding tool
Website: github.com/elayadesign/ai-design-skills

Key features

Collection of self-contained design skill folders
Landing page design skill with intake questions
Page structure and conversion copy generation
Visual system definition for type, spacing, radius, and motion
Support for Claude Code, Cursor, Codex, Windsurf, and Cline
Customizable design values in a single file section
MIT open source license

Use it for

Build a landing page from scratch using AI coding tools
Add design rules to AI coding assistants
Customize visual styles for AI-generated projects

Alternatives to AI Design Skills

Designer Skills — Provides AI coding assistants with specialized design plugins and commands.
Agent Skills — Encodes senior-engineer workflows and quality gates into 24 skills.
Garden Skills — Provides specialized, reusable workflows for common AI coding agent tasks.
Blender Skills — It packages 22 tested Blender 5.2 workflows directly for AI agents.
Dashboard Design Skill — Distilled from 127 shipped dashboards and built-in screenshot QA passes.
Claude Skills Pack — 388 production-ready skills across 13 tools with zero-dependency Python tools.
Stitch Skills — Lets coding agents design and build UI through Google Stitch
UI Skills — Curated skills for building polished frontend interfaces.
Tech Leads Agent Skills — Extends AI coding agents with security-scanned, specialized workflows and tools.
Diagram Design — Generates editorial-quality visual types matched to brand colors and typography in seconds.
.NET Skills — Curated .NET skills and custom agents for AI coding assistants.
AI Hero Skills — Encodes good engineering habits into your coding agent.

All AI Design Skills alternatives