mockup-graduate

Graduating an approved mockup involves identifying the selected variant from the sandbox, analyzing the host app's routing and state conventions, replacing mock data with API calls, installing missing dependencies, and placing the production component into the main app.

Turning a UI prototype into a production component requires analyzing the target app's styling and routing patterns, planning the code transformation, wiring real API data sources to replace mock data, and verifying the final integration within the main application.

Yes, you can migrate a self-contained prototype by analyzing the main app's routing, state management, and styling conventions first, then planning the code transformation to ensure the graduated component aligns with existing project patterns.

To replace mock data with API calls during mockup promotion, analyze the host app's existing data sources, plan the transformation, wire the real data sources into the component, and verify the integration within the main application.

You do not need to manually install dependencies when graduating a mockup variant; the graduation process identifies missing dependencies and installs them automatically while planning the transformation and placing the production component.