design-system-skill

To prevent UI design drift across new screens, you need design system alignment that standardizes spacing, typography, and component usage. This skill provides consistent implementation guidance so multiple contributors follow the same UX patterns and styling standards.

A design system is a shared set of UI patterns, components, and frontend guidelines that standardizes visual implementation. It establishes predictable adoption rules for typography and spacing so product surfaces remain visually consistent across teams.

You apply design system guidelines by referencing canonical skill content and following operational instructions during front-end development. Ask the AI to align your target UI work with these frontend guidelines to ensure standard spacing and component usage.

Yes, standardizing UX patterns for teams is the core use case. It provides shared operational instructions that support predictable adoption of the design system, ensuring multiple contributors maintain visual consistency across new features.

The best way to update component usage without breaking UI consistency is to align the implementation with your organizational design system. This skill guides updates by referencing canonical standards to prevent styling drift across product surfaces.

Yes, this skill requires referencing canonical content hosted in an agnostic-core skill repository. Accessing this repository is necessary to retrieve the operational instructions and frontend guidelines needed to standardize your UI implementation.