mockup-graduate

To migrate a frontend mockup into a production codebase, you analyze the approved prototype against the main app's conventions, transform it into production-ready components, wire up navigation and state, and verify the integration through linting and runtime checks.

Graduating a mockup involves transforming a self-contained prototype into production code by pattern matching with the app's conventions, installing missing dependencies, wiring up routes and state, and validating the integrated component.

Yes, you can graduate multiple mockup variants from the mockup sandbox into the main codebase, analyzing design decisions and coordinating dependencies for each variant during the production integration process.

Wiring up routing and state when moving a mockup to production requires pattern matching with the main app's existing conventions, installing any missing dependencies, and verifying the integration through linting and runtime checks.

You verify an integrated component after graduating it from a mockup sandbox by running linting, tests, and quick validations to ensure end-to-end functionality and proper integration within the main application.