frontend-design

To generate production-grade mobile UI components with NativeWind and Expo Router, use this skill to output polished screens and artifacts that enforce design tokens, dark/light pairs, and responsive layouts directly compatible with your repo's styling rules.

You can enforce design tokens and theming guidelines for React Native screens by applying this skill to align typography, spacing, color tokens, and motion across all generated components, ensuring visual coherence from concept to implementation.

Generating dark and light theme pairs for mobile apps is fully supported. The skill outputs ready-to-integrate UI artifacts that include dual themes, ensuring your design system adheres to consistent color tokens and theming guidelines.

The best way to build a responsive login flow using Expo Router and NativeWind is to request a polished screen with a dark/light toggle. The skill outputs ready-to-integrate UI artifacts aligned with your project tokens and production-ready code structure.

To maintain visual coherence when building distinctive mobile UI components, apply this skill to enforce consistent typography, spacing, and motion across screens. It ensures high-quality code structure that aligns with the repo's styling rules and design tokens.