Mockup Graduate Skill

Move an approved mockup from the mockup sandbox (artifacts/mockup-sandbox) into the main app. Transform the self-contained prototype into production code that matches the app's conventions.

When to Use

Activate this skill when the user:

• Approves a mockup variant ("I like this one", "go with the bold version")
• Asks to integrate a mockup ("put this in my app", "use this design")
• Wants to graduate a prototype to production
• Says "ship it" or "let's go with this"

Subagent Guidance

If you need to parallelize graduation (e.g., graduate multiple pages at once), use a GENERAL subagent — never a DESIGN subagent. Graduation is an engineering task (understanding app architecture, transforming mockup code to production patterns, wiring routing and state) that requires codebase navigation, not creative visual output.

Prerequisites