design▌

Analyze existing designs and generate production-grade design systems with intentional aesthetics. \n \n Three operational modes: analyze CSS for patterns and tokens, specify design requirements in JSON, and generate color palettes, typography systems, design tokens, and framework components \n Supports React, Vue, Svelte, and vanilla HTML with multiple styling approaches (Tailwind, CSS modules, styled-components, scoped CSS) \n Includes accessibility auditing (contrast ratios, focus states, tou

Model complex business domains with entities, value objects, and bounded contexts.

Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies. \n \n Container queries enable component-level responsiveness independent of viewport size, with support for container query units (cqi, cqw, cqh) and style queries \n Fluid typography and spacing via CSS clamp() scales smoothly across screen sizes with min/max bounds, eliminating discrete breakpoint jumps \n CSS Grid auto-fit/auto-fill patterns and Flexbox provide intrinsic layouts that a