[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CFPE1XDTHYPMZ1Y0792TD1":3,"skill-same:01M6CFPE1XDTHYPMZ1Y0792TD1":193},{"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":23,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":49,"commitSha":50,"skillDirectory":51,"forksCount":52,"repositoryHtmlUrl":53,"repositoryHomepageUrl":54,"ownerHtmlUrl":55,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":56,"install":57,"resources":70},"01M6CFPE1XDTHYPMZ1Y0792TD1","threejs",null,"Build 3D web apps with Three.js (WebGL\u002FWebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR\u002FXR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.","hoanghd218\u002Fdocons","hoanghd218","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F49197448?v=4","01M6CEG06HBF8MQKQX19CR32ME","Hoang218","01M6CFGYFPDRM365Q0JTRNVJJ8",0,"MIT","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",[5,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"api","build","Spatial","use","integrations","model","Audio","3D","Animation","gltf","actions","examples","shaders","create","webgpu","web","implement","webgl","pbr","2026-11-10 10:12:30",false,"---\nname: threejs\ndescription: \"Build 3D web apps with Three.js (WebGL\u002FWebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR\u002FXR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.\"\nlicense: MIT\nversion: 3.0.0\n---\n\n# Three.js Development\n\nBuild high-performance 3D web applications using Three.js. Contains 556 searchable examples across 13 categories, 60 API classes, and 20 use-case templates.\n\n## When to Use\n\n- Building 3D scenes, games, or visualizations\n- Loading 3D models (GLTF, FBX, OBJ)\n- Implementing animations, physics, or VR\u002FXR\n- Creating particle effects or custom shaders\n- Optimizing rendering performance\n\n## Search Examples & API\n\nUse the search CLI to find relevant examples and API references:\n\n```bash\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"\u003Cquery>\" [--domain \u003Cdomain>] [-n \u003Cmax_results>]\n```\n\n### Search Domains\n\n| Domain | Use For | Example Query |\n|--------|---------|---------------|\n| `examples` | Find code examples | `\"particle effects gpu\"` |\n| `api` | Class\u002Fmethod reference | `\"PerspectiveCamera\"` |\n| `use-cases` | Project recommendations | `\"product configurator\"` |\n| `categories` | Browse categories | `\"webgpu\"` |\n\n### Quick Examples\n\n```bash\n# Find particle\u002Fcompute examples\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"particle compute webgpu\"\n\n# Search API for camera classes\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"camera\" --domain api\n\n# Get examples for a use case\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"product configurator\" --use-case\n\n# Filter by category\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py --category webgpu -n 10\n\n# Filter by complexity\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py --complexity high -n 5\n```\n\n## Example Categories\n\n| Category | Count | Description |\n|----------|-------|-------------|\n| `webgl` | 216 | Standard WebGL rendering |\n| `webgpu (wip)` | 190 | Modern WebGPU + compute shaders |\n| `webgl \u002F advanced` | 48 | Low-level GPU, custom shaders |\n| `webgl \u002F postprocessing` | 27 | Bloom, SSAO, SSR, DOF |\n| `webxr` | 26 | VR\u002FAR experiences |\n| `physics` | 13 | Physics simulation |\n\n## Common Use Cases\n\n| Use Case | Recommended | Complexity |\n|----------|-------------|------------|\n| Product Configurator | GLTF, PBR, EnvMaps | Medium |\n| Game Development | Animation, Physics, Controls | High |\n| Data Visualization | BufferGeometry, Points | Medium |\n| 360 Panorama | Equirectangular, WebXR | Low |\n| Architectural Viz | GLTF, HDR, CSM Shadows | High |\n\n## Quick Start\n\n```javascript\n\u002F\u002F 1. Scene, Camera, Renderer\nconst scene = new THREE.Scene();\nconst camera = new THREE.PerspectiveCamera(75, window.innerWidth\u002Fwindow.innerHeight, 0.1, 1000);\nconst renderer = new THREE.WebGLRenderer({ antialias: true });\nrenderer.setSize(window.innerWidth, window.innerHeight);\nrenderer.setPixelRatio(window.devicePixelRatio);\ndocument.body.appendChild(renderer.domElement);\n\n\u002F\u002F 2. Lighting\nscene.add(new THREE.AmbientLight(0x404040));\nconst dirLight = new THREE.DirectionalLight(0xffffff, 1);\ndirLight.position.set(5, 5, 5);\nscene.add(dirLight);\n\n\u002F\u002F 3. Load GLTF Model\nimport { GLTFLoader } from 'three\u002Faddons\u002Floaders\u002FGLTFLoader.js';\nconst loader = new GLTFLoader();\nloader.load('model.glb', (gltf) => scene.add(gltf.scene));\n\n\u002F\u002F 4. Animation Loop\nfunction animate() {\n  requestAnimationFrame(animate);\n  renderer.render(scene, camera);\n}\nanimate();\n```\n\n## Progressive Reference Files\n\n### Level 1: Fundamentals\n- `references\u002F00-fundamentals.md` - Core concepts, scene graph\n- `references\u002F01-getting-started.md` - Setup, basic rendering\n\n### Level 2: Common Tasks\n- `references\u002F02-loaders.md` - GLTF, FBX, OBJ loaders\n- `references\u002F03-textures.md` - Texture types, mapping\n- `references\u002F04-cameras.md` - Camera types, controls\n- `references\u002F05-lights.md` - Light types, shadows\n- `references\u002F06-animations.md` - AnimationMixer, clips\n- `references\u002F11-materials.md` - PBR, standard materials\n- `references\u002F18-geometry.md` - BufferGeometry, primitives\n\n### Level 3: Interactive\n- `references\u002F08-interaction.md` - Raycasting, picking\n- `references\u002F09-postprocessing.md` - Bloom, SSAO, SSR\n- `references\u002F10-controls.md` - OrbitControls, etc.\n\n### Level 4: Advanced\n- `references\u002F12-performance.md` - Instancing, LOD, batching\n- `references\u002F13-node-materials.md` - TSL shader graphs\n- `references\u002F17-shader.md` - Custom GLSL shaders\n\n### Level 5: Specialized\n- `references\u002F14-physics-vr.md` - Physics, WebXR\n- `references\u002F16-webgpu.md` - WebGPU, compute shaders\n\n## External Resources\n\n- Docs: https:\u002F\u002Fthreejs.org\u002Fdocs\u002F\n- Examples: https:\u002F\u002Fthreejs.org\u002Fexamples\u002F\n- Editor: https:\u002F\u002Fthreejs.org\u002Feditor\u002F\n- Discord: https:\u002F\u002Fdiscord.gg\u002F56GBJwAnUS\n","# Three.js Development\n\nBuild high-performance 3D web applications using Three.js. Contains 556 searchable examples across 13 categories, 60 API classes, and 20 use-case templates.\n\n## When to Use\n\n- Building 3D scenes, games, or visualizations\n- Loading 3D models (GLTF, FBX, OBJ)\n- Implementing animations, physics, or VR\u002FXR\n- Creating particle effects or custom shaders\n- Optimizing rendering performance\n\n## Search Examples & API\n\nUse the search CLI to find relevant examples and API references:\n\n```bash\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"\u003Cquery>\" [--domain \u003Cdomain>] [-n \u003Cmax_results>]\n```\n\n### Search Domains\n\n| Domain | Use For | Example Query |\n|--------|---------|---------------|\n| `examples` | Find code examples | `\"particle effects gpu\"` |\n| `api` | Class\u002Fmethod reference | `\"PerspectiveCamera\"` |\n| `use-cases` | Project recommendations | `\"product configurator\"` |\n| `categories` | Browse categories | `\"webgpu\"` |\n\n### Quick Examples\n\n```bash\n# Find particle\u002Fcompute examples\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"particle compute webgpu\"\n\n# Search API for camera classes\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"camera\" --domain api\n\n# Get examples for a use case\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py \"product configurator\" --use-case\n\n# Filter by category\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py --category webgpu -n 10\n\n# Filter by complexity\npython3 .claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py --complexity high -n 5\n```\n\n## Example Categories\n\n| Category | Count | Description |\n|----------|-------|-------------|\n| `webgl` | 216 | Standard WebGL rendering |\n| `webgpu (wip)` | 190 | Modern WebGPU + compute shaders |\n| `webgl \u002F advanced` | 48 | Low-level GPU, custom shaders |\n| `webgl \u002F postprocessing` | 27 | Bloom, SSAO, SSR, DOF |\n| `webxr` | 26 | VR\u002FAR experiences |\n| `physics` | 13 | Physics simulation |\n\n## Common Use Cases\n\n| Use Case | Recommended | Complexity |\n|----------|-------------|------------|\n| Product Configurator | GLTF, PBR, EnvMaps | Medium |\n| Game Development | Animation, Physics, Controls | High |\n| Data Visualization | BufferGeometry, Points | Medium |\n| 360 Panorama | Equirectangular, WebXR | Low |\n| Architectural Viz | GLTF, HDR, CSM Shadows | High |\n\n## Quick Start\n\n```javascript\n\u002F\u002F 1. Scene, Camera, Renderer\nconst scene = new THREE.Scene();\nconst camera = new THREE.PerspectiveCamera(75, window.innerWidth\u002Fwindow.innerHeight, 0.1, 1000);\nconst renderer = new THREE.WebGLRenderer({ antialias: true });\nrenderer.setSize(window.innerWidth, window.innerHeight);\nrenderer.setPixelRatio(window.devicePixelRatio);\ndocument.body.appendChild(renderer.domElement);\n\n\u002F\u002F 2. Lighting\nscene.add(new THREE.AmbientLight(0x404040));\nconst dirLight = new THREE.DirectionalLight(0xffffff, 1);\ndirLight.position.set(5, 5, 5);\nscene.add(dirLight);\n\n\u002F\u002F 3. Load GLTF Model\nimport { GLTFLoader } from 'three\u002Faddons\u002Floaders\u002FGLTFLoader.js';\nconst loader = new GLTFLoader();\nloader.load('model.glb', (gltf) => scene.add(gltf.scene));\n\n\u002F\u002F 4. Animation Loop\nfunction animate() {\n  requestAnimationFrame(animate);\n  renderer.render(scene, camera);\n}\nanimate();\n```\n\n## Progressive Reference Files\n\n### Level 1: Fundamentals\n- `references\u002F00-fundamentals.md` - Core concepts, scene graph\n- `references\u002F01-getting-started.md` - Setup, basic rendering\n\n### Level 2: Common Tasks\n- `references\u002F02-loaders.md` - GLTF, FBX, OBJ loaders\n- `references\u002F03-textures.md` - Texture types, mapping\n- `references\u002F04-cameras.md` - Camera types, controls\n- `references\u002F05-lights.md` - Light types, shadows\n- `references\u002F06-animations.md` - AnimationMixer, clips\n- `references\u002F11-materials.md` - PBR, standard materials\n- `references\u002F18-geometry.md` - BufferGeometry, primitives\n\n### Level 3: Interactive\n- `references\u002F08-interaction.md` - Raycasting, picking\n- `references\u002F09-postprocessing.md` - Bloom, SSAO, SSR\n- `references\u002F10-controls.md` - OrbitControls, etc.\n\n### Level 4: Advanced\n- `references\u002F12-performance.md` - Instancing, LOD, batching\n- `references\u002F13-node-materials.md` - TSL shader graphs\n- `references\u002F17-shader.md` - Custom GLSL shaders\n\n### Level 5: Specialized\n- `references\u002F14-physics-vr.md` - Physics, WebXR\n- `references\u002F16-webgpu.md` - WebGPU, compute shaders\n\n## External Resources\n\n- Docs: https:\u002F\u002Fthreejs.org\u002Fdocs\u002F\n- Examples: https:\u002F\u002Fthreejs.org\u002Fexamples\u002F\n- Editor: https:\u002F\u002Fthreejs.org\u002Feditor\u002F\n- Discord: https:\u002F\u002Fdiscord.gg\u002F56GBJwAnUS\n",{"name":5,"license":15,"version":48,"description":7},"3.0.0","main","863082984c7c65197a5d20dc7c6e1fda6045b372","landingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs",1,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons","https:\u002F\u002Fdocons.vercel.app","https:\u002F\u002Fgithub.com\u002Fhoanghd218","2026-08-25 23:11:43",{"source":8,"skillName":5,"commands":58,"prompt":68,"zipAvailable":69},[59,62,65],{"tool":60,"command":61},"npx","npx skills add hoanghd218\u002Fdocons --skill threejs",{"tool":63,"command":64},"bunx","bunx skills add hoanghd218\u002Fdocons --skill threejs",{"tool":66,"command":67},"pnpm","pnpm dlx skills add hoanghd218\u002Fdocons --skill threejs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002FSKILL.md",true,[71,77,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,181,185,189],{"path":72,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"agents\u002Fopenai.yaml","REFERENCE","参考文档",145,"https:\u002F\u002Fgithub.com\u002Fgordo-v1su4\u002Fproject-stack-structure\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fgrill-with-docs\u002Fagents\u002Fopenai.yaml",{"path":78,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":81,"sourceHtmlUrl":82},"data\u002Fapi-reference.csv","ASSET","资产文件",8477,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fapi-reference.csv",{"path":84,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":85,"sourceHtmlUrl":86},"data\u002Fcategories.csv",1991,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fcategories.csv",{"path":88,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":89,"sourceHtmlUrl":90},"data\u002Fexamples-all.csv",132273,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fexamples-all.csv",{"path":92,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":93,"sourceHtmlUrl":94},"data\u002Fuse-cases.csv",4306,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fuse-cases.csv",{"path":96,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":97,"sourceHtmlUrl":98},"references\u002F00-fundamentals.md",11484,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F00-fundamentals.md",{"path":100,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":101,"sourceHtmlUrl":102},"references\u002F01-getting-started.md",3803,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F01-getting-started.md",{"path":104,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":105,"sourceHtmlUrl":106},"references\u002F02-loaders.md",4060,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F02-loaders.md",{"path":108,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":109,"sourceHtmlUrl":110},"references\u002F03-textures.md",4238,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F03-textures.md",{"path":112,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":113,"sourceHtmlUrl":114},"references\u002F04-cameras.md",4935,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F04-cameras.md",{"path":116,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":117,"sourceHtmlUrl":118},"references\u002F05-lights.md",4430,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F05-lights.md",{"path":120,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":121,"sourceHtmlUrl":122},"references\u002F06-animations.md",4780,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F06-animations.md",{"path":124,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":125,"sourceHtmlUrl":126},"references\u002F07-math.md",5262,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F07-math.md",{"path":128,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":129,"sourceHtmlUrl":130},"references\u002F08-interaction.md",6756,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F08-interaction.md",{"path":132,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":133,"sourceHtmlUrl":134},"references\u002F09-postprocessing.md",5411,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F09-postprocessing.md",{"path":136,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":137,"sourceHtmlUrl":138},"references\u002F10-controls.md",5980,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F10-controls.md",{"path":140,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":141,"sourceHtmlUrl":142},"references\u002F11-materials-advanced.md",6009,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F11-materials-advanced.md",{"path":144,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":145,"sourceHtmlUrl":146},"references\u002F11-materials.md",13385,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F11-materials.md",{"path":148,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":149,"sourceHtmlUrl":150},"references\u002F12-performance.md",6682,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F12-performance.md",{"path":152,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":153,"sourceHtmlUrl":154},"references\u002F13-node-materials.md",6863,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F13-node-materials.md",{"path":156,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":157,"sourceHtmlUrl":158},"references\u002F14-physics-vr.md",6829,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F14-physics-vr.md",{"path":160,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":161,"sourceHtmlUrl":162},"references\u002F15-specialized-loaders.md",7549,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F15-specialized-loaders.md",{"path":164,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":165,"sourceHtmlUrl":166},"references\u002F16-webgpu.md",7126,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F16-webgpu.md",{"path":168,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":169,"sourceHtmlUrl":170},"references\u002F17-shader.md",14025,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F17-shader.md",{"path":172,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":173,"sourceHtmlUrl":174},"references\u002F18-geometry.md",13797,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F18-geometry.md",{"path":176,"resourceType":177,"resourceTypeDesc":178,"sizeBytes":179,"sourceHtmlUrl":180},"scripts\u002Fcore.py","SCRIPT","脚本",7882,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fcore.py",{"path":182,"resourceType":177,"resourceTypeDesc":178,"sizeBytes":183,"sourceHtmlUrl":184},"scripts\u002Fextract_examples.py",42111,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fextract_examples.py",{"path":186,"resourceType":177,"resourceTypeDesc":178,"sizeBytes":187,"sourceHtmlUrl":188},"scripts\u002Fgenerate_csv_from_json.py",4830,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fgenerate_csv_from_json.py",{"path":190,"resourceType":177,"resourceTypeDesc":178,"sizeBytes":191,"sourceHtmlUrl":192},"scripts\u002Fsearch.py",2797,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py",[194,221,237,263,269,282],{"skillNo":195,"name":196,"nameZh":6,"description":197,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":198,"licenseFileUrl":6,"sourceHtmlUrl":199,"categories":200,"keywords":204,"publishedAt":43},"01M6CFWQKBPK223JYTA0T4WKGF","web-testing","Web testing with Playwright, Vitest, k6. E2E\u002Funit\u002Fintegration\u002Fload\u002Fsecurity\u002Fvisual\u002Fa11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fweb-testing\u002FSKILL.md",[201],{"categoryNo":202,"categoryName":203,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[205,39,206,207,208,209,210,211,212,213,214,215,216,217,218,219,27,220],"web testing","testing","security","gestures","automation","playwright","test","test automation","core","browser","integration","core web vitals","k6","e2e","vitest","mobile",{"skillNo":222,"name":223,"nameZh":6,"description":224,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":225,"categories":226,"keywords":227,"publishedAt":43},"01M6CFWKWR6J11YJRE9EX702JY","web-frameworks","Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[228,39,229,25,230,27,231,232,233,234,235,236],"web frameworks","Optimization","router","js","Next.js","turborepo","server","ssr","react",{"skillNo":238,"name":239,"nameZh":6,"description":240,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":241,"categories":242,"keywords":251,"publishedAt":43},"01M6CFW31HEVJTMWZNXXH6RJZW","ui-styling","Style UIs with shadcn\u002Fui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fui-styling\u002FSKILL.md",[243,246],{"categoryNo":244,"categoryName":245,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":247,"categoryName":248,"taxonomyType":249,"taxonomyTypeDesc":250},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[252,253,254,27,255,256,257,258,259,260,261,262],"ui styling","styling","ui","radix ui","customization","Tailwind","shadcn","design systems","components","css","design",{"skillNo":264,"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":265,"categories":266,"keywords":268,"publishedAt":43},"01M6CFVY2N18A5J9YW3X14GDHZ","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fthreejs\u002FSKILL.md",[267],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[5,41,24,34,35,36,37,38,39,40,32,42,33,25,26,27,28,29,30,31],{"skillNo":270,"name":271,"nameZh":6,"description":272,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":273,"categories":274,"keywords":275,"publishedAt":43},"01M6CFVFW9NS3M49KX9K9GKFF7","sequential-thinking","Apply step-by-step analysis for complex problems with revision capability. Use for multi-step reasoning, hypothesis verification, adaptive planning, problem decomposition, course correction.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[276,277,27,278,279,280,281],"sequential thinking","planning","analysis","hypothesis","verification","reasoning",{"skillNo":283,"name":284,"nameZh":6,"description":285,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":286,"categories":287,"keywords":291,"publishedAt":43},"01M6CFVA3RNA0DGFNFDM0NZPW5","research","Research technical solutions, analyze architectures, gather requirements thoroughly. Use for technology evaluation, best practices research, solution design, scalability\u002Fsecurity\u002Fmaintainability analysis.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fresearch\u002FSKILL.md",[288],{"categoryNo":289,"categoryName":290,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",[284,292,293,278,294,207,295,262,27],"best practices","Evaluation","analyze","technical"]