elayadesign/ai-design-skills

About the project

AI Design Skills is a collection of reusable design instructions for AI coding tools, with each skill stored as a self-contained markdown file. Developers use the skills to guide tasks such as creating landing pages, and the catalogue lists one of these skills.

5.7kStars on the repository
2Mods indexed here, across every type
todayLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown
▶ Insane Claude Design Skills You Need To Actually Build Beautiful Sites AI LABS · about elayadesign/ai-design-skills · on YouTube →

landing-page-design

01

elayadesign/ai-design-skills

Skill Claude CodeCodex

Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or…

not rated 5.7k +2.9k changed today A Socket: passSnyk: passSkillSpector: pass 135 tokens original MIT

design-to-motion

02

elayadesign/ai-design-skills

Skill Claude CodeCodex

Turns a static design (a Figma frame, dashboard, card set, app screen, or a UI on a photo background) into a pixel exact HTML replica that loads in from an empty state, then has every visual act out what it does (a chart being read, a list receiving items, a prompt being typed) in a seamless loop, and exports an MP4…

not rated 5.7k +2.9k today A 217 tokens original MIT