List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools
Awesome Design Skills is a curated registry of design-system instruction files for AI-powered coding and design agents. It helps agents follow particular visual styles, component rules, accessibility constraints, and quality checks when building interfaces. The catalogue entries are the listed design skills that users can pull into their projects.
bergside/awesome-design-skills
Skill Claude CodeCodex
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
bergside/awesome-design-skills
Skill Claude CodeCodex
Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
bergside/awesome-design-skills
Skill Claude CodeCodex
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
bergside/awesome-design-skills
Skill Claude CodeCodex
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
bergside/awesome-design-skills
Skill Claude CodeCodex
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section.
bergside/awesome-design-skills
Skill Claude CodeCodex
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
bergside/awesome-design-skills
Skill Claude CodeCodex
A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that physically press into solid offset blocks.
bergside/awesome-design-skills
Skill Claude CodeCodex
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
bergside/awesome-design-skills
Skill Claude CodeCodex
A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.
bergside/awesome-design-skills
Skill Claude CodeCodex
Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
bergside/awesome-design-skills
Skill Claude CodeCodex
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
bergside/awesome-design-skills
Skill Claude CodeCodex
Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
bergside/awesome-design-skills
Skill Claude CodeCodex
Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.
bergside/awesome-design-skills
Skill Claude CodeCodex
A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.
bergside/awesome-design-skills
Skill Claude CodeCodex
Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.
bergside/awesome-design-skills
Skill Claude CodeCodex
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
bergside/awesome-design-skills
Skill Claude CodeCodex
1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: