What problem does it solve? It turns visual or UX requests into maintainable product surfaces instead of decorative one-off screens, keeping SEIS interfaces calm, accessible, responsive, and consistent with existing design tokens and components. ## Core Features & Use Cases - Product Surface Design: Shapes app cockpits, dashboards, onboarding flows, settings, and operational screens using existing typography, spacing, tokens, and components. - Design System Governance: Defines tokens, component states, accessibility rules, motion rules, and documentation for reusable patterns. - UX Verification: Validates responsive layout, keyboard and touch ergonomics, color contrast, reduced motion, and text fit with browser screenshots or Playwright checks. - Use Case: When updating the SEIS web dashboard, use this Skill to audit the current surface, reuse existing components, apply accessibility guardrails, and validate the result with npm run check:web or motion and ergonomics checks. ## Quick Start Use seis-design to redesign the SEIS settings screen with accessible contrast, reduced motion, and existing design tokens, then validate it with a browser screenshot.
