[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71HHBM8WTCCCZNK3BZHXCTP":3,"skill-same:01M71HHBM8WTCCCZNK3BZHXCTP":84},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":30,"linkOnly":31,"markdownContent":32,"markdownBody":33,"frontMatter":34,"refName":35,"commitSha":36,"skillDirectory":37,"forksCount":38,"repositoryHtmlUrl":39,"repositoryHomepageUrl":6,"ownerHtmlUrl":40,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":41,"install":42,"resources":55},"01M71HHBM8WTCCCZNK3BZHXCTP","threejs",null,"Three.js scene-graph parsing and export workflows for mesh baking, InstancedMesh expansion, part partitioning, per-link OBJ export, and URDF articulation.","JSGforever\u002Fskillguard","JSGforever","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F85541948?v=4","01M71FQD3E132VMR5F4TAYX3YS","01M71FQD4DYW0XJ4XQ4YQH75Y9",2,"GPL-3.0","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002FSKILL.md",[],[5,18,19,20,21,22,23,24,25,26,27,28,29],"mesh","OBJ","baking","parsing","three","for","link","export","expansion","workflows","js","graph","2026-11-10 10:12:30",false,"---\nname: threejs\ndescription: Three.js scene-graph parsing and export workflows for mesh baking, InstancedMesh expansion, part partitioning, per-link OBJ export, and URDF articulation.\n---\n\n# Three.js Scene Graph + Export\n\n## Quick start\n\n1) Load the module, call `createScene()`, then `updateMatrixWorld(true)`.\n2) Treat **named `THREE.Group` nodes as parts\u002Flinks**.\n3) Assign each mesh to its **nearest named ancestor**.\n4) Bake world transforms into geometry before export.\n5) Export per-part OBJ (and optionally URDF) using deterministic ordering.\n\n## Scene graph essentials\n\n```\nObject3D (root)\n├── Group (part)\n│   ├── Mesh\n│   └── Group (child part)\n│       └── Mesh\n└── Group (another part)\n    └── Mesh\n```\n\n- `THREE.Scene` \u002F `THREE.Object3D`: containers\n- `THREE.Group`: logical part (no geometry)\n- `THREE.Mesh`: geometry + material\n\n## Part partitioning rules\n\n- Parts are **named groups** at any depth.\n- Each mesh belongs to the **nearest named ancestor**.\n- Nested named groups are separate parts; **do not merge** their meshes into parents.\n- Skip empty parts; sort part names for determinism.\n\n```javascript\nfunction buildPartMap(root) {\n  const parts = new Map();\n  root.traverse((obj) => {\n    if (obj.isGroup && obj.name) parts.set(obj.name, { group: obj, meshes: [] });\n  });\n  root.traverse((obj) => {\n    if (!obj.isMesh) return;\n    let parent = obj.parent;\n    while (parent && !(parent.isGroup && parent.name)) parent = parent.parent;\n    if (parent && parts.has(parent.name)) parts.get(parent.name).meshes.push(obj);\n  });\n  return Array.from(parts.values()).filter((p) => p.meshes.length > 0);\n}\n```\n\n## Mesh baking (world transforms)\n\nAlways bake transforms before export:\n\n```javascript\nroot.updateMatrixWorld(true);\nlet geom = mesh.geometry.clone();\ngeom.applyMatrix4(mesh.matrixWorld);\nif (geom.index) geom = geom.toNonIndexed();\nif (!geom.attributes.normal) geom.computeVertexNormals();\n```\n\n### InstancedMesh expansion\n\n```javascript\nconst tempMatrix = new THREE.Matrix4();\nconst instanceMatrix = new THREE.Matrix4();\nobj.getMatrixAt(i, instanceMatrix);\ntempMatrix.copy(obj.matrixWorld).multiply(instanceMatrix);\n```\n\n### Axis conversion (Y-up to Z-up)\n\n```javascript\nconst axisMatrix = new THREE.Matrix4().makeRotationX(-Math.PI \u002F 2);\ngeom.applyMatrix4(axisMatrix);\n```\n\n## Per-part OBJ export\n\n- Collect meshes owned by each part.\n- **Do not traverse into child named groups** when exporting a part.\n- Merge baked geometries per part and write `\u003Cpart>.obj`.\n\nReference: `references\u002Flink-export-rules.md`.\n\n## Relation between Three.js and URDF articulation\n\n- Use named groups as links.\n- Parent is the nearest named ancestor link.\n- Joint type defaults to `fixed` unless evidence suggests `revolute`\u002F`prismatic`.\n- Sort link and joint names for determinism.\n\nReferences:\n- `references\u002Fjoint-type-heuristics.md`\n- `references\u002Furdf-minimal.md`\n\n## Scripts\n\n- InstancedMesh OBJ exporter: `node scripts\u002Fexport_instanced_obj.mjs`\n- Per-link OBJ exporter: `node scripts\u002Fexport_link_objs.mjs --input \u003Cscene_js> --out-dir \u003Cdir>`\n- URDF builder: `node scripts\u002Fbuild_urdf_from_scene.mjs --input \u003Cscene_js> --output \u003Cfile.urdf> --mesh-dir \u003Cmesh_dir>`\n\nAdjust inputs\u002Foutputs inside scripts as needed.\n","# Three.js Scene Graph + Export\n\n## Quick start\n\n1) Load the module, call `createScene()`, then `updateMatrixWorld(true)`.\n2) Treat **named `THREE.Group` nodes as parts\u002Flinks**.\n3) Assign each mesh to its **nearest named ancestor**.\n4) Bake world transforms into geometry before export.\n5) Export per-part OBJ (and optionally URDF) using deterministic ordering.\n\n## Scene graph essentials\n\n```\nObject3D (root)\n├── Group (part)\n│   ├── Mesh\n│   └── Group (child part)\n│       └── Mesh\n└── Group (another part)\n    └── Mesh\n```\n\n- `THREE.Scene` \u002F `THREE.Object3D`: containers\n- `THREE.Group`: logical part (no geometry)\n- `THREE.Mesh`: geometry + material\n\n## Part partitioning rules\n\n- Parts are **named groups** at any depth.\n- Each mesh belongs to the **nearest named ancestor**.\n- Nested named groups are separate parts; **do not merge** their meshes into parents.\n- Skip empty parts; sort part names for determinism.\n\n```javascript\nfunction buildPartMap(root) {\n  const parts = new Map();\n  root.traverse((obj) => {\n    if (obj.isGroup && obj.name) parts.set(obj.name, { group: obj, meshes: [] });\n  });\n  root.traverse((obj) => {\n    if (!obj.isMesh) return;\n    let parent = obj.parent;\n    while (parent && !(parent.isGroup && parent.name)) parent = parent.parent;\n    if (parent && parts.has(parent.name)) parts.get(parent.name).meshes.push(obj);\n  });\n  return Array.from(parts.values()).filter((p) => p.meshes.length > 0);\n}\n```\n\n## Mesh baking (world transforms)\n\nAlways bake transforms before export:\n\n```javascript\nroot.updateMatrixWorld(true);\nlet geom = mesh.geometry.clone();\ngeom.applyMatrix4(mesh.matrixWorld);\nif (geom.index) geom = geom.toNonIndexed();\nif (!geom.attributes.normal) geom.computeVertexNormals();\n```\n\n### InstancedMesh expansion\n\n```javascript\nconst tempMatrix = new THREE.Matrix4();\nconst instanceMatrix = new THREE.Matrix4();\nobj.getMatrixAt(i, instanceMatrix);\ntempMatrix.copy(obj.matrixWorld).multiply(instanceMatrix);\n```\n\n### Axis conversion (Y-up to Z-up)\n\n```javascript\nconst axisMatrix = new THREE.Matrix4().makeRotationX(-Math.PI \u002F 2);\ngeom.applyMatrix4(axisMatrix);\n```\n\n## Per-part OBJ export\n\n- Collect meshes owned by each part.\n- **Do not traverse into child named groups** when exporting a part.\n- Merge baked geometries per part and write `\u003Cpart>.obj`.\n\nReference: `references\u002Flink-export-rules.md`.\n\n## Relation between Three.js and URDF articulation\n\n- Use named groups as links.\n- Parent is the nearest named ancestor link.\n- Joint type defaults to `fixed` unless evidence suggests `revolute`\u002F`prismatic`.\n- Sort link and joint names for determinism.\n\nReferences:\n- `references\u002Fjoint-type-heuristics.md`\n- `references\u002Furdf-minimal.md`\n\n## Scripts\n\n- InstancedMesh OBJ exporter: `node scripts\u002Fexport_instanced_obj.mjs`\n- Per-link OBJ exporter: `node scripts\u002Fexport_link_objs.mjs --input \u003Cscene_js> --out-dir \u003Cdir>`\n- URDF builder: `node scripts\u002Fbuild_urdf_from_scene.mjs --input \u003Cscene_js> --output \u003Cfile.urdf> --mesh-dir \u003Cmesh_dir>`\n\nAdjust inputs\u002Foutputs inside scripts as needed.\n",{"name":5,"description":7},"main","f2ec4b3b9133d34eeaf9b38e4b0a97e8e5705a7f","benchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs",0,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard","https:\u002F\u002Fgithub.com\u002FJSGforever","2026-08-29 18:27:56",{"source":8,"skillName":5,"commands":43,"prompt":53,"zipAvailable":54},[44,47,50],{"tool":45,"command":46},"npx","npx skills add JSGforever\u002Fskillguard --skill threejs",{"tool":48,"command":49},"bunx","bunx skills add JSGforever\u002Fskillguard --skill threejs",{"tool":51,"command":52},"pnpm","pnpm dlx skills add JSGforever\u002Fskillguard --skill threejs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002FSKILL.md",true,[56,62,66,70,76,80],{"path":57,"resourceType":58,"resourceTypeDesc":59,"sizeBytes":60,"sourceHtmlUrl":61},"references\u002Fjoint-type-heuristics.md","REFERENCE","参考文档",1083,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002Freferences\u002Fjoint-type-heuristics.md",{"path":63,"resourceType":58,"resourceTypeDesc":59,"sizeBytes":64,"sourceHtmlUrl":65},"references\u002Flink-export-rules.md",680,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002Freferences\u002Flink-export-rules.md",{"path":67,"resourceType":58,"resourceTypeDesc":59,"sizeBytes":68,"sourceHtmlUrl":69},"references\u002Furdf-minimal.md",677,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002Freferences\u002Furdf-minimal.md",{"path":71,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":74,"sourceHtmlUrl":75},"scripts\u002Fbuild_urdf_from_scene.mjs","SCRIPT","脚本",3915,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002Fscripts\u002Fbuild_urdf_from_scene.mjs",{"path":77,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":78,"sourceHtmlUrl":79},"scripts\u002Fexport_instanced_obj.mjs",1758,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002Fscripts\u002Fexport_instanced_obj.mjs",{"path":81,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":82,"sourceHtmlUrl":83},"scripts\u002Fexport_link_objs.mjs",2861,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__benchflow-ai--threejs\u002Fscripts\u002Fexport_link_objs.mjs",[85,117,133,160,182,203],{"skillNo":86,"name":87,"nameZh":6,"description":88,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":89,"categories":90,"keywords":96,"publishedAt":30},"01M71HY2SNXBA9Q00WZDTZQ31Z","skillguard-codex-scanner","Hybrid deterministic+LLM agent-skill security scanner. Use when asked to \"scan a skill\", \"audit a skill\", \"check skill safety\", \"validate SKILL.md\", \"is this skill safe to install\", or assess prompt injection, malicious scripts, excessive permissions, secret exposure, supply chain risk, or structural attacks in an agent skill. Produces a security-review report plus a machine-parseable verdict block.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fsrc\u002Fskillguard\u002Fstatic_scanner\u002Fskillguard-codex-scanner\u002FSKILL.md",[91],{"categoryNo":92,"categoryName":93,"taxonomyType":94,"taxonomyTypeDesc":95},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116],"scanner","skillguard codex scanner","skillguard","codex","chain","skill security","security-review","review report","structural","secret","prompt injection","security scanner","when","review","malicious","permissions","exposure","audit","scripts","safe",{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":121,"licenseFileUrl":6,"sourceHtmlUrl":122,"categories":123,"keywords":129,"publishedAt":30},"01M71HY0SPKTT3S27BC2HPAC5M","data-exfiltrator","Analyzes data files","MIT","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Fsmoke-one-skill\u002Fasset1__cisco-ai-defense--data-exfiltrator\u002FSKILL.md",[124],{"categoryNo":125,"categoryName":126,"taxonomyType":127,"taxonomyTypeDesc":128},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[130,131,132],"data","data exfiltrator","files",{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":137,"categories":138,"keywords":139,"publishedAt":30},"01M71HXVS9EMN44BGDW215FZ72","real-time-collaboration-engine","Build real-time collaborative editing with WebSockets, OT\u002FCRDT conflict resolution, and presence awareness. Implements cursor tracking, optimistic updates, and offline sync. Use for collaborative editors, whiteboards, video editing. Activate on \"real-time collaboration\", \"WebSocket sync\", \"multiplayer editing\", \"CRDT\", \"presence awareness\". NOT for simple chat, request-response APIs, or single-user apps.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--real-time-collaboration-engine\u002FSKILL.md",[],[140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159],"time","real time collaboration engine","real time collaboration","collaboration","engine","real time","Video","reliability","video editing","performance","conflict resolution","presence","access","apps","updates","Bash","activate","optimizer","react","streaming",{"skillNo":161,"name":162,"nameZh":6,"description":163,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":164,"categories":165,"keywords":169,"publishedAt":30},"01M71HXP6CTY4KFN0QVMMN0V7J","react-performance-optimizer","Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization. Use for slow renders, large lists, bundle bloat. Activate on \"React performance\", \"slow render\", \"useMemo\", \"bundle size\", \"virtualization\". NOT for backend optimization, non-React frameworks, or premature optimization.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--react-performance-optimizer\u002FSKILL.md",[166],{"categoryNo":167,"categoryName":168,"taxonomyType":94,"taxonomyTypeDesc":95},"01JBSEEDCAT000000000000009","前端开发",[149,170,157,158,171,172,173,174,175,176,140,177,178,153,155,179,156,159,180,181],"react performance optimizer","react performance","performance optimizer","app","nextjs","expert","re","render","2025","code","router","strategies",{"skillNo":183,"name":184,"nameZh":6,"description":185,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":186,"categories":187,"keywords":189,"publishedAt":30},"01M71HXH7QXSQB4QTDZ7SP7YXQ","llm-streaming-response-handler","Build production LLM streaming UIs with Server-Sent Events, real-time token display, cancellation, error recovery. Handles OpenAI\u002FAnthropic\u002FClaude streaming APIs. Use for chatbots, AI assistants, real-time text generation. Activate on \"LLM streaming\", \"SSE\", \"token stream\", \"chat UI\", \"real-time AI\". NOT for batch processing, non-streaming APIs, or WebSocket bidirectional chat.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--llm-streaming-response-handler\u002FSKILL.md",[188],{"categoryNo":167,"categoryName":168,"taxonomyType":94,"taxonomyTypeDesc":95},[190,159,191,192,193,194,149,140,195,196,197,155,156,157,198,158,199,200,201,202],"llm streaming response handler","handler","error","processing","retry","chat ui","error recovery","critical","batch","display","text","server","read",{"skillNo":204,"name":205,"nameZh":6,"description":206,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":207,"categories":208,"keywords":216,"publishedAt":30},"01M71HXCB0E1YRKYW1Y8T0Y106","github-actions-pipeline-builder","Build production CI\u002FCD pipelines with GitHub Actions. Implements matrix builds, caching, deployments, testing, security scanning. Use for automated testing, deployments, release workflows. Activate on \"GitHub Actions\", \"CI\u002FCD\", \"workflow\", \"deployment pipeline\", \"automated testing\". NOT for Jenkins\u002FCircleCI, manual deployments, or non-GitHub repositories.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--github-actions-pipeline-builder\u002FSKILL.md",[209,212,215],{"categoryNo":210,"categoryName":211,"taxonomyType":94,"taxonomyTypeDesc":95},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":213,"categoryName":214,"taxonomyType":94,"taxonomyTypeDesc":95},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":92,"categoryName":93,"taxonomyType":94,"taxonomyTypeDesc":95},[217,218,219,220,221,222,223,147,175,224,225,27,156,181,226,202,227,228,229,230],"github actions pipeline builder","actions","github actions","pipeline builder","github","builder","pipeline","testing","ci","run","release","write","edit","git"]