bergside/awesome-design-skills

Agentic Design System provides implementation-ready design system guidelines for conversational AI-first interfaces with minimal controls and delegated task flows. Use it to create consistent, accessible UI for agentic workflows.

Ant Design provides structured, enterprise-focused design system guidance for creating data-dense web applications, emphasizing clarity, consistency, and accessibility. Use it to author implementation-ready UI rules for engineers and designers.

Artistic Design System provides implementation-ready design guidance for high-contrast, artistic interfaces with creative typography and bold color choices. It helps engineers and designers apply consistent component rules and accessibility acceptance criteria.

Basic defines a print-inspired visual language for books, magazines, and reports, using editorial grids and expressive typography. Use it to create implementation-ready design system guidance for editorial and print-style digital products.

Bento defines modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces. Use it to create design-system guidance for Bento-style UI.

Bold Design System generates implementation-ready design guidelines with heavyweight typography, high-contrast colors, and commanding layouts for engineers and designers.

Brutalism provides implementation-ready design system guidance for a raw, anti-design aesthetic inspired by concrete architecture. Use it to create consistent, accessible UI components with bold, unadorned visuals and explicit tokens.

Cafe provides design-system guidance for building a cozy, café-inspired interface with warm tones, soft typography, and clean layouts. Use it when creating or maintaining UI components that follow the Cafe brand.

Claude Design System gives engineers and designers a structured, opinionated framework for creating implementation-ready design guidelines covering tokens, component states, accessibility, content tone, and QA checklists. Use it to keep product interfaces consistent and WCAG 2.2 AA compliant.

Claymorphism provides design-system guidance for soft, rounded, 3D-like UI with puffy shapes and colorful surfaces. Use it when creating claymorphism-style components that need accessible, consistent implementation rules.

Clean provides simplicity-focused design guidance with ample whitespace, legible typography, and a limited color palette to reduce visual clutter. Use it when creating implementation-ready design system rules for engineers and designers.

Codex defines a radically minimal, blank-canvas interface with almost no color and typography carrying the visual weight. Use it to generate implementation-ready design-system guidance for engineers and designers.

Colorful defines vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences. Use it when creating UI design guidance that balances visual impact with accessibility.

Contemporary provides practical, implementation-ready design system guidance for modern minimalist interfaces with bento grids, dark mode, and high-performance accessible layouts. Use it when generating or reviewing UI design specifications.

Corporate Design System generates implementation-ready design system guidelines for enterprise UI, covering tokens, components, accessibility, and content tone. Use it to create brand-aligned rules that engineering and design teams can apply.

Cosmic Design System defines futuristic, sci-fi-inspired UI guidelines with dark themes, vibrant neon accents, and spatial elements. Use it to create implementation-ready design tokens, component rules, and accessibility criteria for engineers and designers.

Creative Design System provides implementation-ready design guidelines for playful, character-driven landing pages and creative projects. Use it to generate expressive typography, bold graphics, and accessible component rules.

Dithered defines dot-pattern rendering techniques that simulate shades with a limited palette for nostalgic, retro, high-contrast visuals. Use it when creating design-system guidance for interfaces with a retro dithered aesthetic.

Doodle provides hand-drawn, sketch-like design system guidelines for playful, informal interfaces using doodles, handwritten fonts, and imperfect lines. Engineers and designers use it to create implementation-ready, accessible UI rules.

Dramatic provides high-contrast, theatrical design guidance with bold layouts, immersive visuals, and unconventional compositions that command attention. Use it to create implementation-ready design-system rules for engineers and designers.

Editorial provides magazine-inspired editorial layout guidance with refined serif typography, structured grids, and elegant reading experiences. It is used to create or maintain design-system rules for editorial interfaces, ensuring accessible and consistent typography, spacing, and component behavior.

Enterprise Design System defines a dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards. Use it to generate implementation-ready design guidance for engineers and designers building enterprise dashboards.

Expressive Design System generates implementation-ready design guidelines for vibrant, personality-driven interfaces with bold colors, playful graphics, and dynamic layouts. Use it to create consistent, accessible design system documentation for engineers and designers.

Fantasy provides game-inspired fantasy aesthetic design guidance with bold, premium visuals, rich color palettes, and immersive thematic elements for engineers and designers building UI.

Fiction provides implementation-ready design system guidelines for a playful, cartoonesque interface inspired by children's-book illustrations. Use it to produce component rules, accessibility acceptance criteria, and QA checklists for engineers and designers.