react-nextjs-development by sickn33/antigravity-awesome-skills
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill react-nextjs-development专为构建 React 和 Next.js 14+ 应用程序设计的工作流,采用现代模式,包括 App Router、服务器组件、TypeScript 和 Tailwind CSS。
在以下情况下使用此工作流:
app-builder - 应用程序脚手架senior-fullstack - 全栈指导nextjs-app-router-patterns - Next.js 14+ 模式typescript-pro - TypeScript 设置广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
Use @app-builder to scaffold a new Next.js 14 project with App Router
Use @nextjs-app-router-patterns to set up Server Components
frontend-developer - 组件开发react-patterns - React 模式react-state-management - 状态管理react-ui-patterns - UI 模式Use @frontend-developer to create reusable React components
Use @react-patterns to implement proper component composition
Use @react-state-management to set up Zustand store
frontend-design - UI 设计tailwind-patterns - Tailwind CSStailwind-design-system - 设计系统core-components - 组件库Use @tailwind-patterns to style components with Tailwind CSS v4
Use @frontend-design to create a modern dashboard UI
nextjs-app-router-patterns - 服务器组件react-state-management - React Queryapi-patterns - API 集成Use @nextjs-app-router-patterns to implement Server Components data fetching
nextjs-app-router-patterns - App Routernextjs-best-practices - Next.js 模式Use @nextjs-app-router-patterns to set up parallel routes and intercepting routes
frontend-developer - 表单开发typescript-advanced-types - 类型验证react-ui-patterns - 表单模式Use @frontend-developer to create forms with React Hook Form and Zod
javascript-testing-patterns - Jest/Vitestplaywright-skill - E2E 测试e2e-testing-patterns - E2E 模式Use @javascript-testing-patterns to write Vitest tests
Use @playwright-skill to create E2E tests for critical flows
vercel-deployment - Vercel 部署vercel-deploy-claimable - Vercel 部署web-performance-optimization - 性能Use @vercel-deployment to deploy Next.js app to production
| 类别 | 技术 |
|---|---|
| 框架 | Next.js 14+, React 18+ |
| 语言 | TypeScript 5+ |
| 样式 | Tailwind CSS v4 |
| 状态 | Zustand, React Query |
| 表单 | React Hook Form, Zod |
| 测试 | Vitest, Playwright |
| 部署 | Vercel |
development - 通用开发testing-qa - 测试工作流documentation - 文档typescript-development - TypeScript 模式每周安装次数
127
代码仓库
GitHub 星标
27.1K
首次出现
2026年2月23日
安全审计
安装于
opencode126
codex126
gemini-cli125
amp125
cursor125
kimi-cli125
Specialized workflow for building React and Next.js 14+ applications with modern patterns including App Router, Server Components, TypeScript, and Tailwind CSS.
Use this workflow when:
app-builder - Application scaffoldingsenior-fullstack - Full-stack guidancenextjs-app-router-patterns - Next.js 14+ patternstypescript-pro - TypeScript setupUse @app-builder to scaffold a new Next.js 14 project with App Router
Use @nextjs-app-router-patterns to set up Server Components
frontend-developer - Component developmentreact-patterns - React patternsreact-state-management - State managementreact-ui-patterns - UI patternsUse @frontend-developer to create reusable React components
Use @react-patterns to implement proper component composition
Use @react-state-management to set up Zustand store
frontend-design - UI designtailwind-patterns - Tailwind CSStailwind-design-system - Design systemcore-components - Component libraryUse @tailwind-patterns to style components with Tailwind CSS v4
Use @frontend-design to create a modern dashboard UI
nextjs-app-router-patterns - Server Componentsreact-state-management - React Queryapi-patterns - API integrationUse @nextjs-app-router-patterns to implement Server Components data fetching
nextjs-app-router-patterns - App Routernextjs-best-practices - Next.js patternsUse @nextjs-app-router-patterns to set up parallel routes and intercepting routes
frontend-developer - Form developmenttypescript-advanced-types - Type validationreact-ui-patterns - Form patternsUse @frontend-developer to create forms with React Hook Form and Zod
javascript-testing-patterns - Jest/Vitestplaywright-skill - E2E testinge2e-testing-patterns - E2E patternsUse @javascript-testing-patterns to write Vitest tests
Use @playwright-skill to create E2E tests for critical flows
vercel-deployment - Vercel deploymentvercel-deploy-claimable - Vercel deploymentweb-performance-optimization - PerformanceUse @vercel-deployment to deploy Next.js app to production
| Category | Technology |
|---|---|
| Framework | Next.js 14+, React 18+ |
| Language | TypeScript 5+ |
| Styling | Tailwind CSS v4 |
| State | Zustand, React Query |
| Forms | React Hook Form, Zod |
| Testing | Vitest, Playwright |
| Deployment | Vercel |
development - General developmenttesting-qa - Testing workflowdocumentation - Documentationtypescript-development - TypeScript patternsWeekly Installs
127
Repository
GitHub Stars
27.1K
First Seen
Feb 23, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode126
codex126
gemini-cli125
amp125
cursor125
kimi-cli125
UI组件模式实战指南:构建可复用React组件库与设计系统
10,700 周安装