.agents/skills/game-development/3d-games/SKILL.md
3D game development principles. Rendering, shaders, physics, cameras.
npx skillsauth add sidjamyl/GAMES-JTI- 3d-gamesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Principles for 3D game systems.
1. Vertex Processing → Transform geometry
2. Rasterization → Convert to pixels
3. Fragment Processing → Color pixels
4. Output → To screen
| Technique | Purpose | |-----------|---------| | Frustum culling | Don't render off-screen | | Occlusion culling | Don't render hidden | | LOD | Less detail at distance | | Batching | Combine draw calls |
| Type | Purpose | |------|---------| | Vertex | Position, normals | | Fragment/Pixel | Color, lighting | | Compute | General computation |
| Shape | Use Case | |-------|----------| | Box | Buildings, crates | | Sphere | Balls, quick checks | | Capsule | Characters | | Mesh | Terrain (expensive) |
| Type | Use | |------|-----| | Third-person | Action, adventure | | First-person | Immersive, FPS | | Isometric | Strategy, RPG | | Orbital | Inspection, editors |
| Type | Use | |------|-----| | Directional | Sun, moon | | Point | Lamps, torches | | Spot | Flashlight, stage | | Ambient | Base illumination |
| Distance | Model | |----------|-------| | Near | Full detail | | Medium | 50% triangles | | Far | 25% or billboard |
| ❌ Don't | ✅ Do | |----------|-------| | Mesh colliders everywhere | Simple shapes | | Real-time shadows on mobile | Baked or blob shadows | | One LOD for all distances | Distance-based LOD | | Unoptimized shaders | Profile and simplify |
Remember: 3D is about illusion. Create the impression of detail, not the detail itself.
development
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
tools
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
development
Three.js game development. Use for 3D web games, WebGL rendering, game mechanics, physics integration, character controllers, camera systems, lighting, animations, and interactive 3D experiences in the browser.