react-nextjs-development

React/Next.js Development is a workflow-orchestration skill for building React and Next.js 14+ applications using modern patterns: the App Router, Server Components, TypeScript, and Tailwind CSS. Rather than teaching framework details itself, it acts as a granular workflow bundle that sequences a full front-end build into ordered phases and points to other, more specialized skills to do the actual work at each step. It solves the coordination problem of knowing which specialized skill to invoke, and in what order, across a project's lifecycle.

The workflow spans eight phases — project setup, component architecture, styling and design, data fetching, routing and navigation, forms and validation, testing, and build and deployment. Each phase lists the skills to invoke (for example app-builder, frontend-developer, tailwind-patterns, nextjs-app-router-patterns, react-state-management, javascript-testing-patterns, playwright-skill, and vercel-deployment), concrete actions to take, and copy-paste prompts that reference those skills. It also documents a recommended technology stack (Next.js 14+, React 18+, TypeScript 5+, Tailwind CSS v4, Zustand, React Query, React Hook Form, Zod, Vitest, Playwright, Vercel) and quality gates covering TypeScript compilation, passing tests, clean linting, performance metrics, accessibility, and responsive design.

It targets front-end and full-stack developers who want a structured, repeatable path through a React/Next.js project. Because much of its value is in delegating to other named skills, it functions largely as a coordinating index; its own explicit limitations note it should be used only when the task matches its scope and is not a substitute for environment-specific validation or expert review. The content is benign planning and scaffolding guidance with no risky operations.