[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CSJ5C24B6K6V75063YHDY3":3,"skill-same:01M6CSJ5C24B6K6V75063YHDY3":109},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":28,"publishedAt":49,"linkOnly":50,"markdownContent":51,"markdownBody":52,"frontMatter":53,"refName":62,"commitSha":63,"skillDirectory":64,"forksCount":14,"repositoryHtmlUrl":65,"repositoryHomepageUrl":66,"ownerHtmlUrl":67,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":68,"install":69,"resources":82},"01M6CSJ5C24B6K6V75063YHDY3","websocket-engineer",null,"Use when building real-time communication systems with WebSockets or Socket.IO. Invoke for bidirectional messaging, horizontal scaling with Redis, presence tracking, room management.","Pawan1516\u002Fthe-tuurf","Pawan1516","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F149195706?v=4","01M6CRS7SNJJEKZGQ27QNNQXW1","kalluri pawan kumar","01M6CRS7XVZ5JWRDMGXM07TYT6",0,"MIT","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.continue\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"websocket engineer","engineer","websocket","real-time","chat","nestjs","expert","use","fastapi","reviewer","api","github","redis","server","monitoring","messaging","push","communication","code","architecture","2026-11-10 10:12:30",false,"---\nname: websocket-engineer\ndescription: Use when building real-time communication systems with WebSockets or Socket.IO. Invoke for bidirectional messaging, horizontal scaling with Redis, presence tracking, room management.\nlicense: MIT\nmetadata:\n  author: https:\u002F\u002Fgithub.com\u002FJeffallan\n  version: \"1.1.0\"\n  domain: api-architecture\n  triggers: WebSocket, Socket.IO, real-time communication, bidirectional messaging, pub\u002Fsub, server push, live updates, chat systems, presence tracking\n  role: specialist\n  scope: implementation\n  output-format: code\n  related-skills: fastapi-expert, nestjs-expert, devops-engineer, monitoring-expert, security-reviewer\n---\n\n# WebSocket Engineer\n\n## Core Workflow\n\n1. **Analyze requirements** — Identify connection scale, message volume, latency needs\n2. **Design architecture** — Plan clustering, pub\u002Fsub, state management, failover\n3. **Implement** — Build WebSocket server with authentication, rooms, events\n4. **Validate locally** — Test connection handling, auth, and room behavior before scaling (e.g., `npx wscat -c ws:\u002F\u002Flocalhost:3000`); confirm auth rejection on missing\u002Finvalid tokens, room join\u002Fleave events, and message delivery\n5. **Scale** — Verify Redis connection and pub\u002Fsub round-trip before enabling the adapter; configure sticky sessions and confirm with test connections across multiple instances; set up load balancing\n6. **Monitor** — Track connections, latency, throughput, error rates; add alerts for connection-count spikes and error-rate thresholds\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| Protocol | `references\u002Fprotocol.md` | WebSocket handshake, frames, ping\u002Fpong, close codes |\n| Scaling | `references\u002Fscaling.md` | Horizontal scaling, Redis pub\u002Fsub, sticky sessions |\n| Patterns | `references\u002Fpatterns.md` | Rooms, namespaces, broadcasting, acknowledgments |\n| Security | `references\u002Fsecurity.md` | Authentication, authorization, rate limiting, CORS |\n| Alternatives | `references\u002Falternatives.md` | SSE, long polling, when to choose WebSockets |\n\n## Code Examples\n\n### Server Setup (Socket.IO with Auth and Room Management)\n\n```js\nimport { createServer } from \"http\";\nimport { Server } from \"socket.io\";\nimport { createAdapter } from \"@socket.io\u002Fredis-adapter\";\nimport { createClient } from \"redis\";\nimport jwt from \"jsonwebtoken\";\n\nconst httpServer = createServer();\nconst io = new Server(httpServer, {\n  cors: { origin: process.env.ALLOWED_ORIGIN, credentials: true },\n  pingTimeout: 20000,\n  pingInterval: 25000,\n});\n\n\u002F\u002F Authentication middleware — runs before connection is established\nio.use((socket, next) => {\n  const token = socket.handshake.auth.token;\n  if (!token) return next(new Error(\"Authentication required\"));\n  try {\n    socket.data.user = jwt.verify(token, process.env.JWT_SECRET);\n    next();\n  } catch {\n    next(new Error(\"Invalid token\"));\n  }\n});\n\n\u002F\u002F Redis adapter for horizontal scaling\nconst pubClient = createClient({ url: process.env.REDIS_URL });\nconst subClient = pubClient.duplicate();\nawait Promise.all([pubClient.connect(), subClient.connect()]);\nio.adapter(createAdapter(pubClient, subClient));\n\nio.on(\"connection\", (socket) => {\n  const { userId } = socket.data.user;\n  console.log(`connected: ${userId} (${socket.id})`);\n\n  \u002F\u002F Presence: mark user online\n  pubClient.hSet(\"presence\", userId, socket.id);\n\n  socket.on(\"join-room\", (roomId) => {\n    socket.join(roomId);\n    socket.to(roomId).emit(\"user-joined\", { userId });\n  });\n\n  socket.on(\"message\", ({ roomId, text }) => {\n    io.to(roomId).emit(\"message\", { userId, text, ts: Date.now() });\n  });\n\n  socket.on(\"disconnect\", () => {\n    pubClient.hDel(\"presence\", userId);\n    console.log(`disconnected: ${userId}`);\n  });\n});\n\nhttpServer.listen(3000);\n```\n\n### Client-Side Reconnection with Exponential Backoff\n\n```js\nimport { io } from \"socket.io-client\";\n\nconst socket = io(\"wss:\u002F\u002Fapi.example.com\", {\n  auth: { token: getAuthToken() },\n  reconnection: true,\n  reconnectionAttempts: 10,\n  reconnectionDelay: 1000,       \u002F\u002F initial delay (ms)\n  reconnectionDelayMax: 30000,   \u002F\u002F cap at 30 s\n  randomizationFactor: 0.5,      \u002F\u002F jitter to avoid thundering herd\n});\n\n\u002F\u002F Queue messages while disconnected\nlet messageQueue = [];\n\nsocket.on(\"connect\", () => {\n  console.log(\"connected:\", socket.id);\n  \u002F\u002F Flush queued messages\n  messageQueue.forEach((msg) => socket.emit(\"message\", msg));\n  messageQueue = [];\n});\n\nsocket.on(\"disconnect\", (reason) => {\n  console.warn(\"disconnected:\", reason);\n  if (reason === \"io server disconnect\") socket.connect(); \u002F\u002F manual reconnect\n});\n\nsocket.on(\"connect_error\", (err) => {\n  console.error(\"connection error:\", err.message);\n});\n\nfunction sendMessage(roomId, text) {\n  const msg = { roomId, text };\n  if (socket.connected) {\n    socket.emit(\"message\", msg);\n  } else {\n    messageQueue.push(msg); \u002F\u002F buffer until reconnected\n  }\n}\n```\n\n## Constraints\n\n### MUST DO\n- Use sticky sessions for load balancing (WebSocket connections are stateful — requests must route to the same server instance)\n- Implement heartbeat\u002Fping-pong to detect dead connections (TCP keepalive alone is insufficient)\n- Use rooms\u002Fnamespaces for message scoping rather than filtering in application logic\n- Queue messages during disconnection windows to avoid silent data loss\n- Plan connection limits per instance before scaling horizontally\n\n### MUST NOT DO\n- Store large state in memory without a clustering strategy (use Redis or an external store)\n- Mix WebSocket and HTTP on the same port without explicit upgrade handling\n- Forget to handle connection cleanup (presence records, room membership, in-flight timers)\n- Skip load testing before production — connection-count spikes behave differently from HTTP traffic spikes\n\n## Output Templates\n\nWhen implementing WebSocket features, provide:\n1. Server setup (Socket.IO\u002Fws configuration)\n2. Event handlers (connection, message, disconnect)\n3. Client library (connection, events, reconnection)\n4. Brief explanation of scaling strategy\n\n## Knowledge Reference\n\nSocket.IO, ws, uWebSockets.js, Redis adapter, sticky sessions, nginx WebSocket proxy, JWT over WebSocket, rooms\u002Fnamespaces, acknowledgments, binary data, compression, heartbeat, backpressure, horizontal pod autoscaling\n","# WebSocket Engineer\n\n## Core Workflow\n\n1. **Analyze requirements** — Identify connection scale, message volume, latency needs\n2. **Design architecture** — Plan clustering, pub\u002Fsub, state management, failover\n3. **Implement** — Build WebSocket server with authentication, rooms, events\n4. **Validate locally** — Test connection handling, auth, and room behavior before scaling (e.g., `npx wscat -c ws:\u002F\u002Flocalhost:3000`); confirm auth rejection on missing\u002Finvalid tokens, room join\u002Fleave events, and message delivery\n5. **Scale** — Verify Redis connection and pub\u002Fsub round-trip before enabling the adapter; configure sticky sessions and confirm with test connections across multiple instances; set up load balancing\n6. **Monitor** — Track connections, latency, throughput, error rates; add alerts for connection-count spikes and error-rate thresholds\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| Protocol | `references\u002Fprotocol.md` | WebSocket handshake, frames, ping\u002Fpong, close codes |\n| Scaling | `references\u002Fscaling.md` | Horizontal scaling, Redis pub\u002Fsub, sticky sessions |\n| Patterns | `references\u002Fpatterns.md` | Rooms, namespaces, broadcasting, acknowledgments |\n| Security | `references\u002Fsecurity.md` | Authentication, authorization, rate limiting, CORS |\n| Alternatives | `references\u002Falternatives.md` | SSE, long polling, when to choose WebSockets |\n\n## Code Examples\n\n### Server Setup (Socket.IO with Auth and Room Management)\n\n```js\nimport { createServer } from \"http\";\nimport { Server } from \"socket.io\";\nimport { createAdapter } from \"@socket.io\u002Fredis-adapter\";\nimport { createClient } from \"redis\";\nimport jwt from \"jsonwebtoken\";\n\nconst httpServer = createServer();\nconst io = new Server(httpServer, {\n  cors: { origin: process.env.ALLOWED_ORIGIN, credentials: true },\n  pingTimeout: 20000,\n  pingInterval: 25000,\n});\n\n\u002F\u002F Authentication middleware — runs before connection is established\nio.use((socket, next) => {\n  const token = socket.handshake.auth.token;\n  if (!token) return next(new Error(\"Authentication required\"));\n  try {\n    socket.data.user = jwt.verify(token, process.env.JWT_SECRET);\n    next();\n  } catch {\n    next(new Error(\"Invalid token\"));\n  }\n});\n\n\u002F\u002F Redis adapter for horizontal scaling\nconst pubClient = createClient({ url: process.env.REDIS_URL });\nconst subClient = pubClient.duplicate();\nawait Promise.all([pubClient.connect(), subClient.connect()]);\nio.adapter(createAdapter(pubClient, subClient));\n\nio.on(\"connection\", (socket) => {\n  const { userId } = socket.data.user;\n  console.log(`connected: ${userId} (${socket.id})`);\n\n  \u002F\u002F Presence: mark user online\n  pubClient.hSet(\"presence\", userId, socket.id);\n\n  socket.on(\"join-room\", (roomId) => {\n    socket.join(roomId);\n    socket.to(roomId).emit(\"user-joined\", { userId });\n  });\n\n  socket.on(\"message\", ({ roomId, text }) => {\n    io.to(roomId).emit(\"message\", { userId, text, ts: Date.now() });\n  });\n\n  socket.on(\"disconnect\", () => {\n    pubClient.hDel(\"presence\", userId);\n    console.log(`disconnected: ${userId}`);\n  });\n});\n\nhttpServer.listen(3000);\n```\n\n### Client-Side Reconnection with Exponential Backoff\n\n```js\nimport { io } from \"socket.io-client\";\n\nconst socket = io(\"wss:\u002F\u002Fapi.example.com\", {\n  auth: { token: getAuthToken() },\n  reconnection: true,\n  reconnectionAttempts: 10,\n  reconnectionDelay: 1000,       \u002F\u002F initial delay (ms)\n  reconnectionDelayMax: 30000,   \u002F\u002F cap at 30 s\n  randomizationFactor: 0.5,      \u002F\u002F jitter to avoid thundering herd\n});\n\n\u002F\u002F Queue messages while disconnected\nlet messageQueue = [];\n\nsocket.on(\"connect\", () => {\n  console.log(\"connected:\", socket.id);\n  \u002F\u002F Flush queued messages\n  messageQueue.forEach((msg) => socket.emit(\"message\", msg));\n  messageQueue = [];\n});\n\nsocket.on(\"disconnect\", (reason) => {\n  console.warn(\"disconnected:\", reason);\n  if (reason === \"io server disconnect\") socket.connect(); \u002F\u002F manual reconnect\n});\n\nsocket.on(\"connect_error\", (err) => {\n  console.error(\"connection error:\", err.message);\n});\n\nfunction sendMessage(roomId, text) {\n  const msg = { roomId, text };\n  if (socket.connected) {\n    socket.emit(\"message\", msg);\n  } else {\n    messageQueue.push(msg); \u002F\u002F buffer until reconnected\n  }\n}\n```\n\n## Constraints\n\n### MUST DO\n- Use sticky sessions for load balancing (WebSocket connections are stateful — requests must route to the same server instance)\n- Implement heartbeat\u002Fping-pong to detect dead connections (TCP keepalive alone is insufficient)\n- Use rooms\u002Fnamespaces for message scoping rather than filtering in application logic\n- Queue messages during disconnection windows to avoid silent data loss\n- Plan connection limits per instance before scaling horizontally\n\n### MUST NOT DO\n- Store large state in memory without a clustering strategy (use Redis or an external store)\n- Mix WebSocket and HTTP on the same port without explicit upgrade handling\n- Forget to handle connection cleanup (presence records, room membership, in-flight timers)\n- Skip load testing before production — connection-count spikes behave differently from HTTP traffic spikes\n\n## Output Templates\n\nWhen implementing WebSocket features, provide:\n1. Server setup (Socket.IO\u002Fws configuration)\n2. Event handlers (connection, message, disconnect)\n3. Client library (connection, events, reconnection)\n4. Brief explanation of scaling strategy\n\n## Knowledge Reference\n\nSocket.IO, ws, uWebSockets.js, Redis adapter, sticky sessions, nginx WebSocket proxy, JWT over WebSocket, rooms\u002Fnamespaces, acknowledgments, binary data, compression, heartbeat, backpressure, horizontal pod autoscaling\n",{"name":5,"license":15,"metadata":54,"description":7},{"role":55,"scope":56,"author":57,"domain":58,"version":59,"triggers":60,"output-format":47,"related-skills":61},"specialist","implementation","https:\u002F\u002Fgithub.com\u002FJeffallan","api-architecture","1.1.0","WebSocket, Socket.IO, real-time communication, bidirectional messaging, pub\u002Fsub, server push, live updates, chat systems, presence tracking","fastapi-expert, nestjs-expert, devops-engineer, monitoring-expert, security-reviewer","main","df4fb72baeceff54a103ac4d27a133ac6b00396d",".continue\u002Fskills\u002Fwebsocket-engineer","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf","https:\u002F\u002Fthe-tuurf.vercel.app","https:\u002F\u002Fgithub.com\u002FPawan1516","2026-06-20 04:11:58",{"source":8,"skillName":5,"commands":70,"prompt":80,"zipAvailable":81},[71,74,77],{"tool":72,"command":73},"npx","npx skills add Pawan1516\u002Fthe-tuurf --skill websocket-engineer",{"tool":75,"command":76},"bunx","bunx skills add Pawan1516\u002Fthe-tuurf --skill websocket-engineer",{"tool":78,"command":79},"pnpm","pnpm dlx skills add Pawan1516\u002Fthe-tuurf --skill websocket-engineer","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.continue\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",true,[83,89,93,97,101,105],{"path":84,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":87,"sourceHtmlUrl":88},"evals\u002Ftriggers.json","REFERENCE","参考文档",2297,"https:\u002F\u002Fgithub.com\u002Fevent4u-app\u002Fagent-config\u002Fblob\u002Fmain\u002Fsrc\u002Fskills\u002Flicense-compliance-borrow-check\u002Fevals\u002Ftriggers.json",{"path":90,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":91,"sourceHtmlUrl":92},"references\u002Falternatives.md",8505,"https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.continue\u002Fskills\u002Fwebsocket-engineer\u002Freferences\u002Falternatives.md",{"path":94,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":95,"sourceHtmlUrl":96},"references\u002Fpatterns.md",9601,"https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.continue\u002Fskills\u002Fwebsocket-engineer\u002Freferences\u002Fpatterns.md",{"path":98,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":99,"sourceHtmlUrl":100},"references\u002Fprotocol.md",4896,"https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.continue\u002Fskills\u002Fwebsocket-engineer\u002Freferences\u002Fprotocol.md",{"path":102,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":103,"sourceHtmlUrl":104},"references\u002Fscaling.md",7514,"https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.continue\u002Fskills\u002Fwebsocket-engineer\u002Freferences\u002Fscaling.md",{"path":106,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":107,"sourceHtmlUrl":108},"references\u002Fsecurity.md",10203,"https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.continue\u002Fskills\u002Fwebsocket-engineer\u002Freferences\u002Fsecurity.md",[110,118,125,132,139,168],{"skillNo":111,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":112,"categories":113,"keywords":116,"publishedAt":49},"01M6CVBEVK90FPC8JQNB290CX6","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.windsurf\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[114,115],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[31,30,29,48,47,46,45,44,43,42,41,32,39,38,37,36,35,34,33,117],"time",{"skillNo":119,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":120,"categories":121,"keywords":124,"publishedAt":49},"01M6CSC2653P8JK3ZKK1XV7DW2","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.codebuddy\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[122,123],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[31,30,29,40,48,47,46,45,44,43,42,41,32,39,38,37,36,35,34,33],{"skillNo":126,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":127,"categories":128,"keywords":131,"publishedAt":49},"01M6CS8NHN8ZQ3ZFYNA8PX2V88","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[129,130],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[31,30,29,40,48,47,46,45,44,43,42,41,32,39,38,37,36,35,34,33],{"skillNo":133,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":134,"categories":135,"keywords":138,"publishedAt":49},"01M6CS2HJ59A44BW5SQC7R9JCK","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[136,137],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[31,30,29,40,48,47,46,45,44,43,42,41,32,39,38,37,36,35,34,33],{"skillNo":140,"name":141,"nameZh":6,"description":142,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":143,"categories":144,"keywords":148,"publishedAt":49},"01M6CS2561NPCD0X793XE21304","vercel-react-best-practices","React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React\u002FNext.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fvercel-react-best-practices\u002FSKILL.md",[145],{"categoryNo":146,"categoryName":147,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",[149,150,151,152,153,154,155,156,157,158,159,47,160,161,162,163,164,165,166,167],"react","vercel react best practices","best practices","react best practices","vercel","writing","performance","components","react components","guidelines","tasks","engineering","Optimization","data","Next.js","refactoring","performance optimization","patterns","next",{"skillNo":169,"name":141,"nameZh":6,"description":142,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":170,"categories":171,"keywords":173,"publishedAt":49},"01M6CRYDDAXS98ZGRMJK4VTWS5","https:\u002F\u002Fgithub.com\u002FPawan1516\u002Fthe-tuurf\u002Fblob\u002Fmain\u002F.agent\u002Fskills\u002Fvercel-react-best-practices\u002FSKILL.md",[172],{"categoryNo":146,"categoryName":147,"taxonomyType":21,"taxonomyTypeDesc":22},[149,150,151,152,153,154,155,156,157,158,159,47,160,161,162,163,164,165,166,167]]