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
A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes.
bergside/awesome-design-skills
Skill Claude CodeCodex
Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
bergside/awesome-design-skills
Skill Claude CodeCodex
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
bergside/awesome-design-skills
Skill Claude CodeCodex
Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
bergside/awesome-design-skills
Skill Claude CodeCodex
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
bergside/awesome-design-skills
Skill Claude CodeCodex
Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
bergside/awesome-design-skills
Skill Claude CodeCodex
An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green).
bergside/awesome-design-skills
Skill Claude CodeCodex
A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
bergside/awesome-design-skills
Skill Claude CodeCodex
Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
bergside/awesome-design-skills
Skill Claude CodeCodex
Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
bergside/awesome-design-skills
Skill Claude CodeCodex
A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements.
bergside/awesome-design-skills
Skill Claude CodeCodex
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
bergside/awesome-design-skills
Skill Claude CodeCodex
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
bergside/awesome-design-skills
Skill Claude CodeCodex
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
bergside/awesome-design-skills
Skill Claude CodeCodex
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
bergside/awesome-design-skills
Skill Claude CodeCodex
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
bergside/awesome-design-skills
Skill Claude CodeCodex
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
bergside/awesome-design-skills
Skill Claude CodeCodex
Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.
bergside/awesome-design-skills
Skill Claude CodeCodex
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.
bergside/awesome-design-skills
Skill Claude CodeCodex
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
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: