Enforce the ASOE visual design system whenever building any UI screen, component, page, or artifact for the ASOE platform. Triggers include: "build a dashboard", "create a UI", "design a screen", "new page for ASOE", "component", "layout", "card", "table", "metric tile", "queue view", "detail view", "sidebar", "agent card", "toast", "badge", "button", "pricing waterfall", "execution log", or any request to produce frontend code for ASOE. Also trigger when styling, theming, or fixing visual inconsistencies in existing ASOE screens. Read this skill FIRST, then read references/design-tokens.css for token values, references/component-patterns.md for component anatomy, and references/layout-templates.md for page composition. Cross-reference with application-design for agentic UX philosophy and frontend-design for execution quality standards.
2026-04-09