ui-ux-design-system

Generate a comprehensive mobile design system specification that includes design tokens, component library structure, and platform-specific considerations for iOS and Android. This establishes a consistent design foundation for new applications by automating token creation and component definition.

Design tokens are structured variables defining colors, typography, and spacing within a mobile component library. This Skill generates these tokens and outlines the component structure using Atomic Design principles to ensure UI consistency across your brand's applications.

Yes, the generated design system specification integrates WCAG 2.2 AA accessibility requirements directly into its foundation. This ensures mobile components and design tokens meet modern compliance standards for both iOS and Android platforms from the start.

Yes, you can kickstart a new mobile application's design foundation by generating a complete, documented design system tailored to your brand. It outputs a full specification covering tokens, components, and platform guidelines to support new brand builds.

The best way is to generate a unified specification that addresses both iOS HIG and Android Material Design guidelines concurrently. This Skill outputs a documentation structure that balances platform-specific requirements while maintaining shared design tokens for cross-platform consistency.

Defining design tokens before building a mobile UI component library ensures foundational elements like color and spacing remain scalable and consistent. Generating tokens first establishes a single source of truth that Atomic Design components rely on across iOS and Android.