Translates design-engine artifacts into production-ready code using repository-native components and design tokens.
This skill bridges the gap between design-engine outputs and actual codebase implementation by prioritizing existing UI primitives over raw generated markup. It intelligently maps visual artifacts to repo-specific tokens, theme extensions, and widgets, ensuring that new screens adhere to established design systems like Flutter or React while maintaining brand-specific typography, component rhythm, and motion rules. By translating semantics rather than just copying markup, it creates maintainable, high-quality frontend code ready for production.
