nextjs-ui
Implements the UI layer of a use case (UC-XXX) as a Next.js App Router client: the route under src/app, client components with an explicit 'use client' boundary, contract types that match the API layer's DTOs field by field, and calls to relative /api paths through the project's fetch client, with the rewrite in next.config reaching the API. Consumes the Handover of the API layer, NestJS or any other backend, and checks the JSON contract against it. Use when the user asks to "build the Next.js page", "implement the UI of UC-001", "create the React page", "wire the frontend to the REST API", or mentions Next.js, the App Router, page.tsx, or a Next.js frontend calling a backend in a project that combines layer plugins. Normally run by /use-case-implement as the UI layer of a project whose docs/architecture/stack.md names Next.js; it can also be run directly. Does not write tests: that is /nextjs-ui-test.
Pinned to revision 648476b42261, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/nextjs-ui/SKILL.md
- skills/nextjs-ui/references/layer.md
- skills/nextjs-ui/references/markers.md
- skills/nextjs-ui/references/project-layout.md
- skills/nextjs-ui/references/worked-example.md
Every link opens the file at its source, pinned to the revision this page describes.