Use when: implementing backend logic in Next.js App Router, including Database queries (DAL), Zod Schemas (Validations), and Server Actions. Focused on data integrity, cache revalidation, and type-safe contracts. Backend-only skill; not for UI design, CSS, or…
Use when: edit old design, change old design, refresh existing Next.js UI that already exists in the current src codebase, update an existing route, page, section, or component in place to match a revised Stitch design or a new UI requirement, fix layout…
Use when: design-to-code from Stitch, convert an approved Stitch round into new Next.js App Router UI for a route, page, section, or component that does not yet exist in the current src codebase, translate a Stitch screen or .stitch HTML and PNG into…
Prompt enhancement for Stitch MCP. Optimizes user prompts into precise UI design instructions. Generates both PC and mobile variants per round.
Teaches agents to iteratively build software UIs using Stitch with a mandatory 6-round refinement loop. Each round produces PC + mobile designs. Code is generated from downloaded HTML, not screenshots.