Frontend Design Handoff

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.

Key Features

Use Cases