Graduate approved mockups into production code with routing and state integration.
npx skills add https://github.com/sftwrstef/sol --skill mockup-graduate-sftwrstef
Please help me install this Agent Skill. Skill: mockup-graduate Source: https://github.com/sftwrstef/sol/tree/main/.local/skills/mockup-graduate Command: npx skills add https://github.com/sftwrstef/sol --skill mockup-graduate-sftwrstef
Graduate an approved mockup from the sandbox into production code that follows the app's conventions and integrates with routing and state management.
Specify the approved mockup variant to graduate and initiate the transformation into the main app.
High-intent search queries and answers about installing and using this skill.
Graduating a mockup into production code requires analyzing your main app's patterns to map the mockup to existing components, services, and routing. This Skill automates that transformation by planning the transition, installing missing dependencies, and placing the component directly in your production tree.
The mockup-to-production transition process works by reading the mockup's styling decisions, mapping them to your app's existing components and routing, and then planning and implementing the transformation. It finishes by placing the production component and verifying the integration.
Yes, you can graduate multiple mockups simultaneously. The transformation process handles one or more approved mockups, applying your app's production patterns, wiring routing and state, and verifying the integration for each component placed in the production tree.
Yes, graduating a mockup into production code automatically installs missing dependencies. As part of the transformation process, the Skill identifies required packages, installs them, places the component in your production tree, and verifies the integration.
The best way to wire routing and state when moving a mockup to production is to analyze your main app's existing patterns first. This Skill maps the mockup to your current components and services, then plans and implements the routing and state wiring automatically.
A mockup needs transformation before integrating into the main app because sandbox mockups rarely follow production conventions. Transforming the mockup ensures it matches your app's existing components, routing, and state management patterns for a fully validated integration.
lostitonce420-beepGraduate an approved mockup into production-ready app code.
shahmirerrorGraduate approved mockup variants into production main-app code.
hajrasarwar11Graduate approved mockups into the main application with routing and state wiring.
samibrahmiConvert approved mockups into production components with routing and dependency updates.
