UI Design System Adherence

What problem does it solve?

This Skill enforces design system rigor by guiding teams to translate discovery learnings into actionable UI specifications. It prevents visual inconsistencies, reduces technical debt, and ensures accessibility, bridging insights with consistent front-end implementation.

Core Features & Use Cases

• Discovery Input Review: Imports user journey insights and design tokens to inform UI specifications, mapping user needs to interface surfaces.
• Experience Pillar Definition: Documents guiding principles, tonal direction, and key flows using predefined templates, aligning with product and engineering stakeholders.
• Component Mapping & Auditing: Guides the reuse or creation of components, ensuring accessibility (WCAG AA minimum) and documenting rationale in a component inventory.
• Use Case: After a user discovery session, use this Skill to translate the findings into concrete UI specifications, ensuring all new screens and components align with the existing design system and accessibility standards.

Quick Start

Generate UI specifications for the 'new dashboard feature' based on our latest discovery insights and ensure adherence to the Nano Banana design system.