Browse Skills

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.