[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6QZBDS1852EERTDTF41X746":3,"skill-same:01M6QZBDS1852EERTDTF41X746":61},{"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":18,"publishedAt":34,"linkOnly":35,"markdownContent":36,"markdownBody":37,"frontMatter":38,"refName":40,"commitSha":41,"skillDirectory":42,"forksCount":43,"repositoryHtmlUrl":44,"repositoryHomepageUrl":6,"ownerHtmlUrl":45,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":46,"install":47,"resources":60},"01M6QZBDS1852EERTDTF41X746","3d-games",null,"3D game development principles. Rendering, shaders, physics, cameras.","Mishit18\u002Fclaude-code-templates","Mishit18","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F244127857?v=4","01M6QXBYKWM76HSKYDNWSKKE41","Mishit Sharma","01M6QXBYRJ0CAVM51S1RTEKTZZ",1,"MIT","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fcreative-design\u002Fgame-development\u002F3d-games\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33],"3d games","3D","games","development","shaders","game development","game","grep","read","write","edit","physics","rendering","principles","Game Development Principles","2026-11-10 10:12:30",false,"---\nname: 3d-games\ndescription: 3D game development principles. Rendering, shaders, physics, cameras.\nallowed-tools: Read, Write, Edit, Glob, Grep\n---\n\n# 3D Game Development\n\n> Principles for 3D game systems.\n\n---\n\n## 1. Rendering Pipeline\n\n### Stages\n\n```\n1. Vertex Processing → Transform geometry\n2. Rasterization → Convert to pixels\n3. Fragment Processing → Color pixels\n4. Output → To screen\n```\n\n### Optimization Principles\n\n| Technique | Purpose |\n|-----------|---------|\n| **Frustum culling** | Don't render off-screen |\n| **Occlusion culling** | Don't render hidden |\n| **LOD** | Less detail at distance |\n| **Batching** | Combine draw calls |\n\n---\n\n## 2. Shader Principles\n\n### Shader Types\n\n| Type | Purpose |\n|------|---------|\n| **Vertex** | Position, normals |\n| **Fragment\u002FPixel** | Color, lighting |\n| **Compute** | General computation |\n\n### When to Write Custom Shaders\n\n- Special effects (water, fire, portals)\n- Stylized rendering (toon, sketch)\n- Performance optimization\n- Unique visual identity\n\n---\n\n## 3. 3D Physics\n\n### Collision Shapes\n\n| Shape | Use Case |\n|-------|----------|\n| **Box** | Buildings, crates |\n| **Sphere** | Balls, quick checks |\n| **Capsule** | Characters |\n| **Mesh** | Terrain (expensive) |\n\n### Principles\n\n- Simple colliders, complex visuals\n- Layer-based filtering\n- Raycasting for line-of-sight\n\n---\n\n## 4. Camera Systems\n\n### Camera Types\n\n| Type | Use |\n|------|-----|\n| **Third-person** | Action, adventure |\n| **First-person** | Immersive, FPS |\n| **Isometric** | Strategy, RPG |\n| **Orbital** | Inspection, editors |\n\n### Camera Feel\n\n- Smooth following (lerp)\n- Collision avoidance\n- Look-ahead for movement\n- FOV changes for speed\n\n---\n\n## 5. Lighting\n\n### Light Types\n\n| Type | Use |\n|------|-----|\n| **Directional** | Sun, moon |\n| **Point** | Lamps, torches |\n| **Spot** | Flashlight, stage |\n| **Ambient** | Base illumination |\n\n### Performance Consideration\n\n- Real-time shadows are expensive\n- Bake when possible\n- Shadow cascades for large worlds\n\n---\n\n## 6. Level of Detail (LOD)\n\n### LOD Strategy\n\n| Distance | Model |\n|----------|-------|\n| Near | Full detail |\n| Medium | 50% triangles |\n| Far | 25% or billboard |\n\n---\n\n## 7. Anti-Patterns\n\n| ❌ Don't | ✅ Do |\n|----------|-------|\n| Mesh colliders everywhere | Simple shapes |\n| Real-time shadows on mobile | Baked or blob shadows |\n| One LOD for all distances | Distance-based LOD |\n| Unoptimized shaders | Profile and simplify |\n\n---\n\n> **Remember:** 3D is about illusion. Create the impression of detail, not the detail itself.\n\n","# 3D Game Development\n\n> Principles for 3D game systems.\n\n---\n\n## 1. Rendering Pipeline\n\n### Stages\n\n```\n1. Vertex Processing → Transform geometry\n2. Rasterization → Convert to pixels\n3. Fragment Processing → Color pixels\n4. Output → To screen\n```\n\n### Optimization Principles\n\n| Technique | Purpose |\n|-----------|---------|\n| **Frustum culling** | Don't render off-screen |\n| **Occlusion culling** | Don't render hidden |\n| **LOD** | Less detail at distance |\n| **Batching** | Combine draw calls |\n\n---\n\n## 2. Shader Principles\n\n### Shader Types\n\n| Type | Purpose |\n|------|---------|\n| **Vertex** | Position, normals |\n| **Fragment\u002FPixel** | Color, lighting |\n| **Compute** | General computation |\n\n### When to Write Custom Shaders\n\n- Special effects (water, fire, portals)\n- Stylized rendering (toon, sketch)\n- Performance optimization\n- Unique visual identity\n\n---\n\n## 3. 3D Physics\n\n### Collision Shapes\n\n| Shape | Use Case |\n|-------|----------|\n| **Box** | Buildings, crates |\n| **Sphere** | Balls, quick checks |\n| **Capsule** | Characters |\n| **Mesh** | Terrain (expensive) |\n\n### Principles\n\n- Simple colliders, complex visuals\n- Layer-based filtering\n- Raycasting for line-of-sight\n\n---\n\n## 4. Camera Systems\n\n### Camera Types\n\n| Type | Use |\n|------|-----|\n| **Third-person** | Action, adventure |\n| **First-person** | Immersive, FPS |\n| **Isometric** | Strategy, RPG |\n| **Orbital** | Inspection, editors |\n\n### Camera Feel\n\n- Smooth following (lerp)\n- Collision avoidance\n- Look-ahead for movement\n- FOV changes for speed\n\n---\n\n## 5. Lighting\n\n### Light Types\n\n| Type | Use |\n|------|-----|\n| **Directional** | Sun, moon |\n| **Point** | Lamps, torches |\n| **Spot** | Flashlight, stage |\n| **Ambient** | Base illumination |\n\n### Performance Consideration\n\n- Real-time shadows are expensive\n- Bake when possible\n- Shadow cascades for large worlds\n\n---\n\n## 6. Level of Detail (LOD)\n\n### LOD Strategy\n\n| Distance | Model |\n|----------|-------|\n| Near | Full detail |\n| Medium | 50% triangles |\n| Far | 25% or billboard |\n\n---\n\n## 7. Anti-Patterns\n\n| ❌ Don't | ✅ Do |\n|----------|-------|\n| Mesh colliders everywhere | Simple shapes |\n| Real-time shadows on mobile | Baked or blob shadows |\n| One LOD for all distances | Distance-based LOD |\n| Unoptimized shaders | Profile and simplify |\n\n---\n\n> **Remember:** 3D is about illusion. Create the impression of detail, not the detail itself.\n\n",{"name":5,"description":7,"allowed-tools":39},"Read, Write, Edit, Glob, Grep","main","015422534a7457348a313b6381f0255d3364eb8c","cli-tool\u002Fcomponents\u002Fskills\u002Fcreative-design\u002Fgame-development\u002F3d-games",0,"https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates","https:\u002F\u002Fgithub.com\u002FMishit18","2026-11-13 18:15:57",{"source":8,"skillName":5,"commands":48,"prompt":58,"zipAvailable":59},[49,52,55],{"tool":50,"command":51},"npx","npx skills add Mishit18\u002Fclaude-code-templates --skill 3d-games",{"tool":53,"command":54},"bunx","bunx skills add Mishit18\u002Fclaude-code-templates --skill 3d-games",{"tool":56,"command":57},"pnpm","pnpm dlx skills add Mishit18\u002Fclaude-code-templates --skill 3d-games","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fcreative-design\u002Fgame-development\u002F3d-games\u002FSKILL.md",true,[],[62,96,122,150,177,200],{"skillNo":63,"name":64,"nameZh":6,"description":65,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":66,"licenseFileUrl":67,"sourceHtmlUrl":68,"categories":69,"keywords":75,"publishedAt":34},"01M6R4ARN4W2VZRDERDTMN1KP0","web-artifacts-builder","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.","Apache-2.0","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Futilities\u002Fweb-artifacts-builder\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Futilities\u002Fweb-artifacts-builder\u002FSKILL.md",[70],{"categoryNo":71,"categoryName":72,"taxonomyType":73,"taxonomyTypeDesc":74},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95],"web artifacts builder","web","artifacts","artifacts builder","builder","frontend","css","components","react","routing","state management","state","file","Tailwind","use","single-file","ui components","multi","for","single",{"skillNo":97,"name":98,"nameZh":6,"description":99,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":66,"licenseFileUrl":100,"sourceHtmlUrl":101,"categories":102,"keywords":107,"publishedAt":34},"01M6R45GXREM5DP8T08MAC788H","webapp-testing","Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fsecurity\u002Fwebapp-testing\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fsecurity\u002Fwebapp-testing\u002FSKILL.md",[103,106],{"categoryNo":104,"categoryName":105,"taxonomyType":73,"taxonomyTypeDesc":74},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":71,"categoryName":72,"taxonomyType":73,"taxonomyTypeDesc":74},[108,109,110,81,111,112,77,113,114,115,116,117,118,119,120,121,94],"testing","webapp testing","webapp","screenshots","playwright","debugging","toolkit","browser","ui","logs","applications","behavior","local","with",{"skillNo":123,"name":124,"nameZh":6,"description":125,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":126,"sourceHtmlUrl":127,"categories":128,"keywords":129,"publishedAt":34},"01M6R2GYJ470X8EB7R58V0B68K","think-tank","Run a Virtual Think Tank — a structured multi-persona debate — before planning or making architectural\u002Fdesign\u002Fstrategic decisions. Use this skill whenever the user is about to plan a system, make a technology choice, evaluate trade-offs, decide on an approach, or faces any decision where multiple perspectives would sharpen the outcome. Also trigger when the user says \"think tank\", \"debate this\", \"perspectives on\", \"trade-offs\", \"should I use X or Y\", \"help me decide\", \"before we plan\", or asks for pros\u002Fcons of competing approaches. This skill should run BEFORE any implementation planning begins — it produces a structured analysis that feeds into better plans.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fthink-tank\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fthink-tank\u002FSKILL.md",[],[130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149],"think tank","think","design","run","feeds","analysis","persona","plan","sharpen","virtual","decision","choice","decide","perspectives","outcome","me","debate","make","trade-offs","when",{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":66,"licenseFileUrl":154,"sourceHtmlUrl":155,"categories":156,"keywords":160,"publishedAt":34},"01M6R2FSR55AVRFA9YZ8SC2GZG","skill-creator","Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fskill-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fskill-creator\u002FSKILL.md",[157],{"categoryNo":158,"categoryName":159,"taxonomyType":73,"taxonomyTypeDesc":74},"01JBSEEDCAT000000000000023","Skill与智能体开发",[161,162,163,164,165,166,167,168,169,170,171,172,173,174,121,94,175,149,176],"skill creator","creator","workflows","create","update","capabilities","knowledge","tool","integrations","specialized","guide","new skill","existing skill","users","Existing","new",{"skillNo":178,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":181,"categories":182,"keywords":183,"publishedAt":34},"01M6R2FK42ZZ4HJTJVVK9WJBBP","ship-learn-next","Transform learning content (like YouTube transcripts, articles, tutorials) into actionable implementation plans using the Ship-Learn-Next framework. Use when user wants to turn advice, lessons, or educational content into concrete action steps, reps, or a learning quest.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fship-learn-next\u002FSKILL.md",[],[184,185,186,187,188,189,27,28,90,190,191,192,193,194,195,196,197,198,199,149],"learn","ship learn next","ship","next","framework","learning","advice","implementation","youtube","plans","quest","transform","actionable","action","lessons","youtube transcripts",{"skillNo":201,"name":202,"nameZh":6,"description":203,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":66,"licenseFileUrl":204,"sourceHtmlUrl":205,"categories":206,"keywords":213,"publishedAt":34},"01M6R2088G1RHDA5MDX16HASRB","slack-gif-creator","Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like \"make me a GIF of X doing Y for Slack.\"","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fenterprise-communication\u002Fslack-gif-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fenterprise-communication\u002Fslack-gif-creator\u002FSKILL.md",[207,210],{"categoryNo":208,"categoryName":209,"taxonomyType":73,"taxonomyTypeDesc":74},"01JBSEEDCAT000000000000005","邮件与沟通",{"categoryNo":211,"categoryName":212,"taxonomyType":73,"taxonomyTypeDesc":74},"01JBSEEDCAT000000000000016","图像与多媒体",[214,215,216,162,217,218,219,220,167,90,145,174,147,221,222,94,223,149],"slack gif creator","slack","gif","validation","Tools","constraints","Animation","Utilities","concepts","request"]