React Nextjs Development
This is a structured workflow bundle that walks you through building React and Next.js 14+ apps from setup to deployment. It's organized into eight phases (project setup, component architecture, styling, data fetching, routing, forms, testing, deployment) with specific skill invocations and copy-paste prompts at each step. The stack is opinionated but sensible: TypeScript, Tailwind v4, App Router, Server Components, Zustand for state, React Hook Form with Zod, and Vercel deployment. It's comprehensive, maybe even exhaustive, which is helpful if you want a checklist approach but could feel prescriptive if you already have strong opinions about your tooling. Best for developers new to the Next.js App Router paradigm or teams wanting a consistent process.
- skills.sh installs
- 1.3K
- GitHub stars
- 43.1K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-skills --skill react-nextjs-development --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
Read the existing package/lockfile and installed framework documentation before selecting versions; Next.js caching, route parameters and server/client APIs differ across releases. Server Components and UI route guards do not replace authorization in every server action/route/data access. Keep secrets server-only, validate runtime inputs, and treat deployment/publication as a separately authorized environment action. Referenced skills are optional available components, not instructions to scaffold, add every library or deploy automatically.
Workflow Phases
Phase 1: Project Setup
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/sickn33/antigravity-awesome-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from sickn33/antigravity-awesome-skills
All 708- Systematic Debugging1.3K
- Tailwind Design System1.3K
- Agent Memory Mcp1.2K
- Ai Agents Architect1.2K
- Architecture1.2K
- Context Compression1.2K
- Context Window Management1.2K
- Frontend Dev Guidelines1.2K
- Interactive Portfolio1.2K
- Office Productivity1.2K
- React Ui Patterns1.2K
- Telegram Mini App1.2K
- Workflow Automation1.2K
- Api Patterns1.1K
- Audio Transcriber1.1K
- Business Analyst1.1K
- Cc Skill Frontend Patterns1.1K
- Code Review Checklist1.1K
- Micro Saas Launcher1.1K
- Multi Agent Brainstorming1.1K
- Prompt Engineering1.1K
- Python Patterns1.1K
- Superpowers Lab1.1K
- Tailwind Patterns1.1K
Recommended
More Frontend Development
radix-ui-design-systemsickn33/antigravity-awesome-skillsradix ui design system993skills.sh installs
frontend-mobile-development-component-scaffoldsickn33/antigravity-awesome-skillsfrontend mobile development component scaffold442skills.sh installs
bun-react-ssrsecondsky/claude-skillsUse when building server-rendered React with Bun, including streaming SSR, hydration, renderToString, or custom SSR without a framework.330skills.sh installs