Browse 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.