[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71T6DR4C0XPDXG3S81VJS3Y":3,"skill-same:01M71T6DR4C0XPDXG3S81VJS3Y":196},{"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":50,"commitSha":51,"skillDirectory":52,"forksCount":53,"repositoryHtmlUrl":54,"repositoryHomepageUrl":6,"ownerHtmlUrl":55,"ownerBlogUrl":6,"ownerDescription":56,"updatedAt":57,"install":58,"resources":71},"01M71T6DR4C0XPDXG3S81VJS3Y","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.","mantrandev\u002Fmydotbot","mantrandev","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F120156244?v=4","01M71SZTTYS2EQQWXVKD3N63XF","maybe","01M71SZTVY4J7DYNEST4Q4DEV9",2,"MIT","https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\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],"apps","feature","integrations","add","vr","post-processing","shaders","3d scene","create","api","effects","webgpu","actions","model","physics","Audio","processing","3D","Animation","2026-11-10 13:02:02",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\nargument-hint: \"[3D scene or feature]\"\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,"argument-hint":49},"3.0.0","[3D scene or feature]","main","eef4c392da382583063c3d53246bc0e899c6fdaa","ai\u002Fweb\u002Fthreejs",1,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot","https:\u002F\u002Fgithub.com\u002Fmantrandev","iOS Dev","2026-11-04 12:11:56",{"source":8,"skillName":5,"commands":59,"prompt":69,"zipAvailable":70},[60,63,66],{"tool":61,"command":62},"npx","npx skills add mantrandev\u002Fmydotbot --skill threejs",{"tool":64,"command":65},"bunx","bunx skills add mantrandev\u002Fmydotbot --skill threejs",{"tool":67,"command":68},"pnpm","pnpm dlx skills add mantrandev\u002Fmydotbot --skill threejs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002FSKILL.md",true,[72,78,84,88,92,96,102,106,110,114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,184,188,192],{"path":73,"resourceType":74,"resourceTypeDesc":75,"sizeBytes":76,"sourceHtmlUrl":77},".DS_Store","OTHER","其他",6148,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002F.DS_Store",{"path":79,"resourceType":80,"resourceTypeDesc":81,"sizeBytes":82,"sourceHtmlUrl":83},"data\u002Fapi-reference.csv","ASSET","资产文件",8477,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fdata\u002Fapi-reference.csv",{"path":85,"resourceType":80,"resourceTypeDesc":81,"sizeBytes":86,"sourceHtmlUrl":87},"data\u002Fcategories.csv",1991,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fdata\u002Fcategories.csv",{"path":89,"resourceType":80,"resourceTypeDesc":81,"sizeBytes":90,"sourceHtmlUrl":91},"data\u002Fexamples-all.csv",132273,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fdata\u002Fexamples-all.csv",{"path":93,"resourceType":80,"resourceTypeDesc":81,"sizeBytes":94,"sourceHtmlUrl":95},"data\u002Fuse-cases.csv",4306,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fdata\u002Fuse-cases.csv",{"path":97,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":100,"sourceHtmlUrl":101},"references\u002F00-fundamentals.md","REFERENCE","参考文档",11484,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F00-fundamentals.md",{"path":103,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":104,"sourceHtmlUrl":105},"references\u002F01-getting-started.md",3803,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F01-getting-started.md",{"path":107,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":108,"sourceHtmlUrl":109},"references\u002F02-loaders.md",4060,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F02-loaders.md",{"path":111,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":112,"sourceHtmlUrl":113},"references\u002F03-textures.md",4238,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F03-textures.md",{"path":115,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":116,"sourceHtmlUrl":117},"references\u002F04-cameras.md",4935,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F04-cameras.md",{"path":119,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":120,"sourceHtmlUrl":121},"references\u002F05-lights.md",4430,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F05-lights.md",{"path":123,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":124,"sourceHtmlUrl":125},"references\u002F06-animations.md",4780,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F06-animations.md",{"path":127,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":128,"sourceHtmlUrl":129},"references\u002F07-math.md",5262,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F07-math.md",{"path":131,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":132,"sourceHtmlUrl":133},"references\u002F08-interaction.md",6756,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F08-interaction.md",{"path":135,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":136,"sourceHtmlUrl":137},"references\u002F09-postprocessing.md",5411,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F09-postprocessing.md",{"path":139,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":140,"sourceHtmlUrl":141},"references\u002F10-controls.md",5980,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F10-controls.md",{"path":143,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":144,"sourceHtmlUrl":145},"references\u002F11-materials-advanced.md",6009,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F11-materials-advanced.md",{"path":147,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":148,"sourceHtmlUrl":149},"references\u002F11-materials.md",13385,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F11-materials.md",{"path":151,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":152,"sourceHtmlUrl":153},"references\u002F12-performance.md",6682,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F12-performance.md",{"path":155,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":156,"sourceHtmlUrl":157},"references\u002F13-node-materials.md",6863,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F13-node-materials.md",{"path":159,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":160,"sourceHtmlUrl":161},"references\u002F14-physics-vr.md",6829,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F14-physics-vr.md",{"path":163,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":164,"sourceHtmlUrl":165},"references\u002F15-specialized-loaders.md",7549,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F15-specialized-loaders.md",{"path":167,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":168,"sourceHtmlUrl":169},"references\u002F16-webgpu.md",7126,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F16-webgpu.md",{"path":171,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":172,"sourceHtmlUrl":173},"references\u002F17-shader.md",14025,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F17-shader.md",{"path":175,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":176,"sourceHtmlUrl":177},"references\u002F18-geometry.md",13797,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Freferences\u002F18-geometry.md",{"path":179,"resourceType":180,"resourceTypeDesc":181,"sizeBytes":182,"sourceHtmlUrl":183},"scripts\u002Fcore.py","SCRIPT","脚本",7882,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fscripts\u002Fcore.py",{"path":185,"resourceType":180,"resourceTypeDesc":181,"sizeBytes":186,"sourceHtmlUrl":187},"scripts\u002Fextract_examples.py",42111,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fscripts\u002Fextract_examples.py",{"path":189,"resourceType":180,"resourceTypeDesc":181,"sizeBytes":190,"sourceHtmlUrl":191},"scripts\u002Fgenerate_csv_from_json.py",4830,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fscripts\u002Fgenerate_csv_from_json.py",{"path":193,"resourceType":180,"resourceTypeDesc":181,"sizeBytes":194,"sourceHtmlUrl":195},"scripts\u002Fsearch.py",2797,"https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fthreejs\u002Fscripts\u002Fsearch.py",[197,228,251,285,309,330],{"skillNo":198,"name":199,"nameZh":6,"description":200,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":201,"licenseFileUrl":6,"sourceHtmlUrl":202,"categories":203,"keywords":207,"publishedAt":43},"01M71T6Z4TTFZYG03A4J74K3J5","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\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fweb-testing\u002FSKILL.md",[204],{"categoryNo":205,"categoryName":206,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227],"testing","web","web testing","unit","vitals","browser","a11y","mobile","security","k6","target","gestures","vitest","core","for","e2e","cross-browser","use","load","automation",{"skillNo":229,"name":230,"nameZh":6,"description":231,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":232,"categories":233,"keywords":234,"publishedAt":43},"01M71T6W6NANEWEDNSG9FVTFB6","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\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fweb-frameworks\u002FSKILL.md",[],[235,236,209,237,238,24,239,240,241,242,243,244,245,246,247,248,249,25,222,250],"frameworks","web frameworks","shared","app","caching","react","router","strategies","server","rsc","next","ssr","rendering","turborepo","framework","Optimization",{"skillNo":252,"name":253,"nameZh":6,"description":254,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":255,"sourceHtmlUrl":256,"categories":257,"keywords":266,"publishedAt":43},"01M71T6HRD7RKWKDKBP0TN5VPG","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\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fui-styling\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fui-styling\u002FSKILL.md",[258,261],{"categoryNo":259,"categoryName":260,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":262,"categoryName":263,"taxonomyType":264,"taxonomyTypeDesc":265},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,222,283,225,284],"ui styling","styling","ui","css","Tailwind","mode","design","themes","design systems","components","component","layout","responsive","shadcn","color","dark","ui components","dark mode",{"skillNo":286,"name":287,"nameZh":6,"description":288,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":289,"categories":290,"keywords":291,"publishedAt":43},"01M71T5W9JNWPGRJX943MMRC20","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\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fsequential-thinking\u002FSKILL.md",[],[292,293,294,295,296,297,222,225,298,299,300,301,302,303,304,305,306,307,308],"thinking","sequential thinking","adaptive","course","problem","planning","apply","analysis","analyze","with","multi","verification","decomposition","reasoning","revision","hypothesis","capability",{"skillNo":310,"name":311,"nameZh":6,"description":312,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":313,"categories":314,"keywords":318,"publishedAt":43},"01M71T5QPEKZ5ETRQQ3HYT2KDW","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\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fresearch\u002FSKILL.md",[315],{"categoryNo":316,"categoryName":317,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",[311,319,222,320,273,321,322,225,323,324,299,325,300,326,327,328,329,216],"architectures","gather","technology","technical","best practices","requirements","scalability","solutions","solution","maintainability","Evaluation",{"skillNo":331,"name":332,"nameZh":6,"description":333,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":334,"categories":335,"keywords":338,"publishedAt":43},"01M71T4X4BBB8ZQCQK5ZHZ81AM","plan","Plan implementations, design architectures, create technical roadmaps with detailed phases. Use for feature planning, system design, solution architecture, implementation strategy, phase documentation.","https:\u002F\u002Fgithub.com\u002Fmantrandev\u002Fmydotbot\u002Fblob\u002Fmain\u002Fai\u002Fweb\u002Fplan\u002FSKILL.md",[336,337],{"categoryNo":259,"categoryName":260,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":262,"categoryName":263,"taxonomyType":264,"taxonomyTypeDesc":265},[332,339,273,340,341,342,343,32,327,344,345,319,25,297,222,346,347,348,349,350],"system design","team","architecture","phase","documentation","phases","red-team","system","feature planning","archive","implementation strategy","strategy"]