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
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
bergside/awesome-design-skills
Skill Claude CodeCodex
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
bergside/awesome-design-skills
Skill Claude CodeCodex
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
bergside/awesome-design-skills
Skill Claude CodeCodex
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
bergside/awesome-design-skills
Skill Claude CodeCodex
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
bergside/awesome-design-skills
Skill Claude CodeCodex
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
bergside/awesome-design-skills
Skill Claude CodeCodex
A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.
bergside/awesome-design-skills
Skill Claude CodeCodex
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
bergside/awesome-design-skills
Skill Claude CodeCodex
A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards.
bergside/awesome-design-skills
Skill Claude CodeCodex
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
bergside/awesome-design-skills
Skill Claude CodeCodex
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
bergside/awesome-design-skills
Skill Claude CodeCodex
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
bergside/awesome-design-skills
Skill Claude CodeCodex
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
bergside/awesome-design-skills
Skill Claude CodeCodex
Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
bergside/awesome-design-skills
Skill Claude CodeCodex
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
bergside/awesome-design-skills
Skill Claude CodeCodex
Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
bergside/awesome-design-skills
Skill Claude CodeCodex
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
bergside/awesome-design-skills
Skill Claude CodeCodex
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
bergside/awesome-design-skills
Skill Claude CodeCodex
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
bergside/awesome-design-skills
Skill Claude CodeCodex
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
bergside/awesome-design-skills
Skill Claude CodeCodex
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
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: