Design Systems

Domain knowledge for Alexander (Design System Engineer), Felice (Visual QA).

Pages

• Design System Engineering — DESIGN.md structure, shadcn/ui theming, Stitch MCP, accessibility
• Design for Agents — How design works in agentic context: machine-readable specs, token formats, visual QA
• Design Tokens — Token taxonomy (primitive, semantic, component), naming conventions, CSS custom properties, theming, dark mode, client branding
• Figma Handoff — Design-to-code workflow, Figma Dev Mode, component inspection, asset export, design QA process
• Component Library — Atomic design hierarchy, documentation requirements, variant system, composition patterns, visual testing, versioning
• Responsive Design — Breakpoint strategy, fluid typography, container queries, layout patterns, touch targets, mobile-first
• Pitfalls — Design-code drift, inconsistent spacing, missing states, animation performance, icon inconsistency, z-index wars