Agent skill · software engineering · aiskillstore
react-nextjs-development
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
Why this skill is useful
Provides a structured workflow for building React and Next.js applications that includes niche patterns and configurations not commonly found in standard documentation.
What it needs
Requires node, npm installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
React/Next.js Development Workflow Overview Specialized workflow for building React and Next.js 14+ applications with modern patterns including App Router, Server Components, TypeScript, and Tailwind CSS. When to Use This Workflow Use this workflow when: Building new React applications Creating Next.js 14+ projects with App Router Implementing Server Components Setting up TypeScript with React Styling with Tailwind CSS Building full-stack Next.js applications Workflow Phases Phase 1: Project Setup Skills to Invoke app-builder - Application scaffolding senior-fullstack - Full-stack guidance nextjs-app-router-patterns - Next.js 14+ patterns typescript-pro - TypeScript setup Actions 1. Choose project type (React SPA, Next.js app) 2. Select build tool (Vite, Next.js, Create React App) 3. Scaffold project structure 4. Configure TypeScript 5. Set up ESLint and Prettier Copy-Paste Prompts Phase 2: Component Architecture Skills to Invoke frontend-developer - Component development react-patterns - React patterns react-state-management - State management react-ui-patterns - UI patterns Actions 1. Design component hierarchy 2. Create base components 3. Implement layout components 4. Set up state management 5. Create custom hooks Copy-Paste Prompts Phase 3: Styling and Design Skills to Invoke frontend-design - UI design tailwind-patterns - Tailwind CSS tailwind-design-system - Design system core-components - Component library Actions 1. Set up Tailwind CSS 2. Configure design tokens 3. Create utility classes 4. Build component styles 5. Implement responsive design Copy-Paste Prompts Phase 4: Data Fetching Skills to Invoke nextjs-app-router-patterns - Server Components react-state-management - React Query api-patterns - API integration Actions 1. Implement Server Components 2. Set up React Query/SWR 3. Create API client 4. Handle loading states 5. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/react-nextjs-development