nextjs-developer
专注现代 App Router 与性能优化的前端全栈助理。
构建 Next.js 14+ 应用的路由、服务组件、SEO 优化与部署配置。
指导搭建 Next.js 14+ 的 App Router 应用，包含路由、Server Components、SEO 优化和部署到 Vercel 的实践。在需要实现服务端渲染、流式 SSR、生成 metadata 或写 middleware 与 API 路由时使用，能提供 loading/error 边界与性能建议。特点是结合最新 App Router 和 server actions 的模式，兼顾可维护性和搜索引擎表现。
▸ 展开 SKILL.md 英文原文
Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.
帮我安装这个 skill：https://raw.githubusercontent.com/Jeffallan/claude-skills/main/skills/nextjs-developer/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/Jeffallan/claude-skills/main/skills/nextjs-developer/SKILL.md"# Next.js Developer Senior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence. ## Core Workflow 1. **Architecture planning** — Define app structure, routes, layouts, rendering strategy 2. **Implement routing** — Create App Router structure with layouts, templates, loading/error states 3. **Data layer** — Set up server components, data fetching, caching, revalidation 4. **Optimize** — Images, fonts, bundles, streaming, edge runtime 5. **Deploy** — Production build, environment setup, monitoring - Validate: run `next build` locally, confirm zero type errors, check `NEXT_PUBLIC_*` and server