[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CEMXP4EP6W2KG128MKFFRC":3,"skill-same:01M6CEMXP4EP6W2KG128MKFFRC":189},{"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},"01M6CEMXP4EP6W2KG128MKFFRC","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\u002Fhuman-interior-a-Ninh","hoanghd218","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F49197448?v=4","01M6CEG06HBF8MQKQX19CR32ME","Hoang218","01M6CEG0AEJJK8ZENKVMYGYGA3",0,"MIT","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\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","d0e454f354869d81ce15337bc6aa9e1bf0524a11",".claude\u002Fskills\u002Fthreejs",1,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh","https:\u002F\u002Faninhhumaninteriorlandingpage1.vercel.app","https:\u002F\u002Fgithub.com\u002Fhoanghd218","2026-08-25 23:13:36",{"source":8,"skillName":5,"commands":58,"prompt":68,"zipAvailable":69},[59,62,65],{"tool":60,"command":61},"npx","npx skills add hoanghd218\u002Fhuman-interior-a-Ninh --skill threejs",{"tool":63,"command":64},"bunx","bunx skills add hoanghd218\u002Fhuman-interior-a-Ninh --skill threejs",{"tool":66,"command":67},"pnpm","pnpm dlx skills add hoanghd218\u002Fhuman-interior-a-Ninh --skill threejs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002FSKILL.md",true,[71,77,81,85,89,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,177,181,185],{"path":72,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"data\u002Fapi-reference.csv","ASSET","资产文件",8477,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fapi-reference.csv",{"path":78,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":79,"sourceHtmlUrl":80},"data\u002Fcategories.csv",1991,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fcategories.csv",{"path":82,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":83,"sourceHtmlUrl":84},"data\u002Fexamples-all.csv",132273,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fexamples-all.csv",{"path":86,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":87,"sourceHtmlUrl":88},"data\u002Fuse-cases.csv",4306,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fdata\u002Fuse-cases.csv",{"path":90,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":93,"sourceHtmlUrl":94},"references\u002F00-fundamentals.md","REFERENCE","参考文档",11484,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F00-fundamentals.md",{"path":96,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":97,"sourceHtmlUrl":98},"references\u002F01-getting-started.md",3803,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F01-getting-started.md",{"path":100,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":101,"sourceHtmlUrl":102},"references\u002F02-loaders.md",4060,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F02-loaders.md",{"path":104,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":105,"sourceHtmlUrl":106},"references\u002F03-textures.md",4238,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F03-textures.md",{"path":108,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":109,"sourceHtmlUrl":110},"references\u002F04-cameras.md",4935,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F04-cameras.md",{"path":112,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":113,"sourceHtmlUrl":114},"references\u002F05-lights.md",4430,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F05-lights.md",{"path":116,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":117,"sourceHtmlUrl":118},"references\u002F06-animations.md",4780,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F06-animations.md",{"path":120,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":121,"sourceHtmlUrl":122},"references\u002F07-math.md",5262,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F07-math.md",{"path":124,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":125,"sourceHtmlUrl":126},"references\u002F08-interaction.md",6756,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F08-interaction.md",{"path":128,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":129,"sourceHtmlUrl":130},"references\u002F09-postprocessing.md",5411,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F09-postprocessing.md",{"path":132,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":133,"sourceHtmlUrl":134},"references\u002F10-controls.md",5980,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F10-controls.md",{"path":136,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":137,"sourceHtmlUrl":138},"references\u002F11-materials-advanced.md",6009,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F11-materials-advanced.md",{"path":140,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":141,"sourceHtmlUrl":142},"references\u002F11-materials.md",13385,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F11-materials.md",{"path":144,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":145,"sourceHtmlUrl":146},"references\u002F12-performance.md",6682,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F12-performance.md",{"path":148,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":149,"sourceHtmlUrl":150},"references\u002F13-node-materials.md",6863,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F13-node-materials.md",{"path":152,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":153,"sourceHtmlUrl":154},"references\u002F14-physics-vr.md",6829,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F14-physics-vr.md",{"path":156,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":157,"sourceHtmlUrl":158},"references\u002F15-specialized-loaders.md",7549,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F15-specialized-loaders.md",{"path":160,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":161,"sourceHtmlUrl":162},"references\u002F16-webgpu.md",7126,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F16-webgpu.md",{"path":164,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":165,"sourceHtmlUrl":166},"references\u002F17-shader.md",14025,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F17-shader.md",{"path":168,"resourceType":91,"resourceTypeDesc":92,"sizeBytes":169,"sourceHtmlUrl":170},"references\u002F18-geometry.md",13797,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Freferences\u002F18-geometry.md",{"path":172,"resourceType":173,"resourceTypeDesc":174,"sizeBytes":175,"sourceHtmlUrl":176},"scripts\u002Fcore.py","SCRIPT","脚本",7882,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fcore.py",{"path":178,"resourceType":173,"resourceTypeDesc":174,"sizeBytes":179,"sourceHtmlUrl":180},"scripts\u002Fextract_examples.py",42111,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fextract_examples.py",{"path":182,"resourceType":173,"resourceTypeDesc":174,"sizeBytes":183,"sourceHtmlUrl":184},"scripts\u002Fgenerate_csv_from_json.py",4830,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fgenerate_csv_from_json.py",{"path":186,"resourceType":173,"resourceTypeDesc":174,"sizeBytes":187,"sourceHtmlUrl":188},"scripts\u002Fsearch.py",2797,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fthreejs\u002Fscripts\u002Fsearch.py",[190,217,233,259,265,278],{"skillNo":191,"name":192,"nameZh":6,"description":193,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":194,"licenseFileUrl":6,"sourceHtmlUrl":195,"categories":196,"keywords":200,"publishedAt":43},"01M6CETP5XP3B7RKRN8A4GTTSP","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\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fweb-testing\u002FSKILL.md",[197],{"categoryNo":198,"categoryName":199,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[201,39,202,203,204,205,206,207,208,209,210,211,212,213,214,215,27,216],"web testing","testing","security","gestures","automation","playwright","test","test automation","core","browser","integration","core web vitals","k6","e2e","vitest","mobile",{"skillNo":218,"name":219,"nameZh":6,"description":220,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":221,"categories":222,"keywords":223,"publishedAt":43},"01M6CETJPBMKZE2ZQYJFX5AXHM","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\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[224,39,225,25,226,27,227,228,229,230,231,232],"web frameworks","Optimization","router","js","Next.js","turborepo","server","ssr","react",{"skillNo":234,"name":235,"nameZh":6,"description":236,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":237,"categories":238,"keywords":247,"publishedAt":43},"01M6CET3A5818B9JNRTMDZPV0H","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\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fui-styling\u002FSKILL.md",[239,242],{"categoryNo":240,"categoryName":241,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":243,"categoryName":244,"taxonomyType":245,"taxonomyTypeDesc":246},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[248,249,250,27,251,252,253,254,255,256,257,258],"ui styling","styling","ui","radix ui","customization","Tailwind","shadcn","design systems","components","css","design",{"skillNo":260,"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":261,"categories":262,"keywords":264,"publishedAt":43},"01M6CESYYKE7R0FJGQ4QDY7RKS","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fthreejs\u002FSKILL.md",[263],{"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":266,"name":267,"nameZh":6,"description":268,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":269,"categories":270,"keywords":271,"publishedAt":43},"01M6CESH1KR4ZWBY03T64MG8RX","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\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[272,273,27,274,275,276,277],"sequential thinking","planning","analysis","hypothesis","verification","reasoning",{"skillNo":279,"name":280,"nameZh":6,"description":281,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":282,"categories":283,"keywords":287,"publishedAt":43},"01M6CESCRHXH650J32YHHFD1JK","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\u002Fhuman-interior-a-Ninh\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fresearch\u002FSKILL.md",[284],{"categoryNo":285,"categoryName":286,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",[280,288,289,274,290,203,291,258,27],"best practices","Evaluation","analyze","technical"]