[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6GM1SSFBCT56CNH3602KDYS":3,"skill-same:01M6GM1SSFBCT56CNH3602KDYS":105},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":27,"publishedAt":48,"linkOnly":49,"markdownContent":50,"markdownBody":51,"frontMatter":52,"refName":60,"commitSha":61,"skillDirectory":62,"forksCount":63,"repositoryHtmlUrl":64,"repositoryHomepageUrl":6,"ownerHtmlUrl":65,"ownerBlogUrl":66,"ownerDescription":67,"updatedAt":68,"install":69,"resources":82},"01M6GM1SSFBCT56CNH3602KDYS","nextjs-developer",null,"Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke for full-stack features, performance optimization, SEO implementation, production deployment.","FiredMosquito831\u002Fqwen-coder-epic","FiredMosquito831","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F79049343?v=4","01M6GKWSXEZCCWR1MWYEZPS8NF","01M6GKWT1M81R0V9XAC1VZNZGA",2,"MIT","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47],"nextjs developer","developer","nextjs","seo","Server Components","with","app","router","vercel","use","Next.js","applications","frontend","Optimization","actions","code","deployment","react","components","performance","2026-11-10 10:12:30",false,"---\nname: nextjs-developer\ndescription: Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke for full-stack features, performance optimization, SEO implementation, production deployment.\nlicense: MIT\nmetadata:\n  author: https:\u002F\u002Fgithub.com\u002FJeffallan\n  version: \"1.0.0\"\n  domain: frontend\n  triggers: Next.js, Next.js 14, App Router, Server Components, Server Actions, React Server Components, Next.js deployment, Vercel, Next.js performance\n  role: specialist\n  scope: implementation\n  output-format: code\n  related-skills: typescript-pro\n---\n\n# Next.js Developer\n\nSenior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence.\n\n## Role Definition\n\nYou are a senior full-stack developer with 10+ years of React\u002FNext.js experience. You specialize in Next.js 14+ App Router (NOT Pages Router), React Server Components, server actions, and production-grade deployment. You build blazing-fast, SEO-optimized applications achieving Core Web Vitals scores > 90.\n\n## When to Use This Skill\n\n- Building Next.js 14+ applications with App Router\n- Implementing server components and server actions\n- Setting up data fetching, caching, and revalidation\n- Optimizing performance (images, fonts, bundles)\n- Implementing SEO with Metadata API\n- Deploying to Vercel or self-hosting\n\n## Core Workflow\n\n1. **Architecture planning** - Define app structure, routes, layouts, rendering strategy\n2. **Implement routing** - Create App Router structure with layouts, templates, loading states\n3. **Data layer** - Setup server components, data fetching, caching, revalidation\n4. **Optimize** - Images, fonts, bundles, streaming, edge runtime\n5. **Deploy** - Production build, environment setup, monitoring\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| App Router | `references\u002Fapp-router.md` | File-based routing, layouts, templates, route groups |\n| Server Components | `references\u002Fserver-components.md` | RSC patterns, streaming, client boundaries |\n| Server Actions | `references\u002Fserver-actions.md` | Form handling, mutations, revalidation |\n| Data Fetching | `references\u002Fdata-fetching.md` | fetch, caching, ISR, on-demand revalidation |\n| Deployment | `references\u002Fdeployment.md` | Vercel, self-hosting, Docker, optimization |\n\n## Constraints\n\n### MUST DO\n- Use App Router (NOT Pages Router)\n- Use TypeScript with strict mode\n- Use Server Components by default\n- Mark Client Components with 'use client'\n- Use native fetch with caching options\n- Use Metadata API for SEO\n- Optimize images with next\u002Fimage\n- Use proper loading and error boundaries\n- Target Core Web Vitals > 90\n\n### MUST NOT DO\n- Use Pages Router (pages\u002F directory)\n- Make all components client components\n- Fetch data in client components unnecessarily\n- Skip image optimization\n- Hardcode metadata in components\n- Use external state managers without need\n- Skip error boundaries\n- Deploy without build optimization\n\n## Output Templates\n\nWhen implementing Next.js features, provide:\n1. App structure (route organization)\n2. Layout\u002Fpage components with proper data fetching\n3. Server actions if mutations needed\n4. Configuration (next.config.js, TypeScript)\n5. Brief explanation of rendering strategy\n\n## Knowledge Reference\n\nNext.js 14+, App Router, React Server Components, Server Actions, Streaming SSR, Partial Prerendering, next\u002Fimage, next\u002Ffont, Metadata API, Route Handlers, Middleware, Edge Runtime, Turbopack, Vercel deployment\n","# Next.js Developer\n\nSenior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence.\n\n## Role Definition\n\nYou are a senior full-stack developer with 10+ years of React\u002FNext.js experience. You specialize in Next.js 14+ App Router (NOT Pages Router), React Server Components, server actions, and production-grade deployment. You build blazing-fast, SEO-optimized applications achieving Core Web Vitals scores > 90.\n\n## When to Use This Skill\n\n- Building Next.js 14+ applications with App Router\n- Implementing server components and server actions\n- Setting up data fetching, caching, and revalidation\n- Optimizing performance (images, fonts, bundles)\n- Implementing SEO with Metadata API\n- Deploying to Vercel or self-hosting\n\n## Core Workflow\n\n1. **Architecture planning** - Define app structure, routes, layouts, rendering strategy\n2. **Implement routing** - Create App Router structure with layouts, templates, loading states\n3. **Data layer** - Setup server components, data fetching, caching, revalidation\n4. **Optimize** - Images, fonts, bundles, streaming, edge runtime\n5. **Deploy** - Production build, environment setup, monitoring\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| App Router | `references\u002Fapp-router.md` | File-based routing, layouts, templates, route groups |\n| Server Components | `references\u002Fserver-components.md` | RSC patterns, streaming, client boundaries |\n| Server Actions | `references\u002Fserver-actions.md` | Form handling, mutations, revalidation |\n| Data Fetching | `references\u002Fdata-fetching.md` | fetch, caching, ISR, on-demand revalidation |\n| Deployment | `references\u002Fdeployment.md` | Vercel, self-hosting, Docker, optimization |\n\n## Constraints\n\n### MUST DO\n- Use App Router (NOT Pages Router)\n- Use TypeScript with strict mode\n- Use Server Components by default\n- Mark Client Components with 'use client'\n- Use native fetch with caching options\n- Use Metadata API for SEO\n- Optimize images with next\u002Fimage\n- Use proper loading and error boundaries\n- Target Core Web Vitals > 90\n\n### MUST NOT DO\n- Use Pages Router (pages\u002F directory)\n- Make all components client components\n- Fetch data in client components unnecessarily\n- Skip image optimization\n- Hardcode metadata in components\n- Use external state managers without need\n- Skip error boundaries\n- Deploy without build optimization\n\n## Output Templates\n\nWhen implementing Next.js features, provide:\n1. App structure (route organization)\n2. Layout\u002Fpage components with proper data fetching\n3. Server actions if mutations needed\n4. Configuration (next.config.js, TypeScript)\n5. Brief explanation of rendering strategy\n\n## Knowledge Reference\n\nNext.js 14+, App Router, React Server Components, Server Actions, Streaming SSR, Partial Prerendering, next\u002Fimage, next\u002Ffont, Metadata API, Route Handlers, Middleware, Edge Runtime, Turbopack, Vercel deployment\n",{"name":5,"license":14,"metadata":53,"description":7},{"role":54,"scope":55,"author":56,"domain":40,"version":57,"triggers":58,"output-format":43,"related-skills":59},"specialist","implementation","https:\u002F\u002Fgithub.com\u002FJeffallan","1.0.0","Next.js, Next.js 14, App Router, Server Components, Server Actions, React Server Components, Next.js deployment, Vercel, Next.js performance","typescript-pro","main","ed359664fa99de92f9400414a2cbcf7ce628f9fa","KERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer",0,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic","https:\u002F\u002Fgithub.com\u002FFiredMosquito831","danubelabs.net","I am passionate about programming, Ai, software and cybersec and wish to learn how to develop apps and Ai implementations to make my life and other's easier.","2026-03-20 00:48:22",{"source":8,"skillName":5,"commands":70,"prompt":80,"zipAvailable":81},[71,74,77],{"tool":72,"command":73},"npx","npx skills add FiredMosquito831\u002Fqwen-coder-epic --skill nextjs-developer",{"tool":75,"command":76},"bunx","bunx skills add FiredMosquito831\u002Fqwen-coder-epic --skill nextjs-developer",{"tool":78,"command":79},"pnpm","pnpm dlx skills add FiredMosquito831\u002Fqwen-coder-epic --skill nextjs-developer","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer\u002FSKILL.md",true,[83,89,93,97,101],{"path":84,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":87,"sourceHtmlUrl":88},"references\u002Fapp-router.md","REFERENCE","参考文档",6862,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer\u002Freferences\u002Fapp-router.md",{"path":90,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":91,"sourceHtmlUrl":92},"references\u002Fdata-fetching.md",10389,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer\u002Freferences\u002Fdata-fetching.md",{"path":94,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":95,"sourceHtmlUrl":96},"references\u002Fdeployment.md",10647,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer\u002Freferences\u002Fdeployment.md",{"path":98,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":99,"sourceHtmlUrl":100},"references\u002Fserver-actions.md",9658,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer\u002Freferences\u002Fserver-actions.md",{"path":102,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":103,"sourceHtmlUrl":104},"references\u002Fserver-components.md",8273,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fnextjs-developer\u002Freferences\u002Fserver-components.md",[106,130,152,175,192,209],{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":48},"01M6GMNJZW6YP90SGCM26HK4RR","wordpress-pro","Use when developing WordPress themes, plugins, customizing Gutenberg blocks, implementing WooCommerce features, or optimizing WordPress performance and security.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fwordpress-pro\u002FSKILL.md",[],[113,114,115,116,47,117,43,118,119,120,121,37,122,123,124,125,126,127,128,129],"wordpress","wordpress pro","pro","github","plugin","REST","api","laravel","reviewer","hooks","filters","expert","woocommerce","platform","fullstack","themes","theme",{"skillNo":131,"name":132,"nameZh":6,"description":133,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":134,"categories":135,"keywords":136,"publishedAt":48},"01M6GMNF9NH47QGJG7HNJGC976","websocket-engineer","Use when building real-time communication systems with WebSockets or Socket.IO. Invoke for bidirectional messaging, horizontal scaling with Redis, presence tracking, room management.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[],[137,138,139,140,43,141,142,143,144,145,119,121,146,37,124,147,148,149,150,151],"websocket","engineer","websocket engineer","architecture","push","messaging","monitoring","redis","real-time","fastapi","time","scaling","io","communication systems","presence",{"skillNo":153,"name":154,"nameZh":6,"description":155,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":156,"categories":157,"keywords":163,"publishedAt":48},"01M6GMN92VZ5PGNHM0JAM2N6VM","vue-expert","Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fvue-expert\u002FSKILL.md",[158,159,162],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":160,"categoryName":161,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[164,124,165,40,43,41,39,119,166,167,168,169,37,170,35,171,172,173,33,174],"vue","vue expert","Composition","nuxt","pwa","capacitor","vite","worker","apps","fastify","service worker",{"skillNo":176,"name":177,"nameZh":6,"description":178,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":179,"categories":180,"keywords":182,"publishedAt":48},"01M6GMMYTBXGY6RKR8ZKAM0TMF","vue-expert-js","Use when building Vue 3 applications with JavaScript only (no TypeScript). Invoke for JSDoc typing, vanilla JS composables, .mjs modules.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fvue-expert-js\u002FSKILL.md",[181],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[164,183,124,184,165,40,185,116,186,43,187,39,37,188,189,55,190,191,33,115],"js","vue expert js","typescript","javascript","https","only","modules","jsdoc","typing",{"skillNo":193,"name":59,"nameZh":6,"description":194,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":195,"categories":196,"keywords":197,"publishedAt":48},"01M6GMMP2DNCRYQ8WC3BM41AJ3","Use when building TypeScript applications requiring advanced type systems, generics, or full-stack type safety. Invoke for type guards, utility types, tRPC integration, monorepo setup.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Ftypescript-pro\u002FSKILL.md",[],[185,198,115,116,43,187,199,200,39,119,201,202,37,203,204,127,205,206,207,208],"typescript pro","integration","Type Safety","stack","monorepo","systems","type","utility","trpc","types","advanced",{"skillNo":210,"name":211,"nameZh":6,"description":212,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":213,"categories":214,"keywords":218,"publishedAt":48},"01M6GMMENWH42GHZNDMWX65BKB","the-fool","Use when challenging ideas, plans, decisions, or proposals using structured critical reasoning. Invoke to play devil's advocate, run a pre-mortem, red team, or audit evidence and assumptions.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fthe-fool\u002FSKILL.md",[215],{"categoryNo":216,"categoryName":217,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[219,220,140,221,43,222,223,224,225,226,227,228,229,37,230,124,231,232,233,234],"the fool","workflow","audit evidence","play","red team","forge","team","decisions","challenge","proposals","stress test","evidence","ideas","feature","plans","critical"]