Topic · Game Development
Best 3D graphics and WebGL skills, page 3
3D graphics and WebGL skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | 97.Simplecadapi Build, assemble, inspect, reconstruct, and export parametric CAD models with the SimpleCADAPI Python SDK. | PhySpace/ | 141 | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 98 | Compare 3D CAD models using boolean operations (IoU, Dice, precision/recall). | rawwerks/ | 121 | — | ~1.4k | Automated safety check: Pass | MIT | 9 mo ago |
| 99 | 99.Deploy Deploy tellux examples/docs sites via project scripts — one local command (pnpm run deploy) rclone-syncs to the self-hosted site then Wrangler Direct Uploads to Cloudflare Pages. | cyanfish-x/ | 207 | — | ~1.1k | Automated safety check: Notes | MIT | 17 days ago |
| 100 | Light and shade a three.js scene: choose materials (MeshStandardMaterial PBR vs unlit MeshBasicMaterial), add ambient/hemisphere/directional/point/spot lights, turn on shadow maps, and use an… | corosolto/ | 257 | 1 repo | ~1.8k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 101 | 101.R3f Animation Animate React Three Fiber objects with useFrame, damping, and GLTF clips. | EnzeD/ | 128 | — | ~1.1k | Automated safety check: Pass | No licence | 1 mo ago |
| 102 | 102.Shader Extract Extract, reproduce, and locally replay a single WebGL / WebGPU / Canvas / shader / animated-3D visual effect from a web page — the GPU-rendered surface that DOM/CSS cloning is blind to. | cth9191/ | 133 | — | ~1.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 103 | 103.Typegpu TypeGPU is type-safe WebGPU in TypeScript. An agent skill from software-mansion-labs/skills. | software-mansion-labs/ | 291 | 2 repos | ~5.6k | Automated safety check: Pass | No licence | 10 days ago |
| 104 | Create Framer Code Components and Code Overrides. An agent skill from fredm00n/framerlabs. | fredm00n/ | 135 | — | ~5.8k | Automated safety check: Pass | MIT | 2 mo ago |
| 105 | 105.Mobile Device QA Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone. | textura-agency/ | 132 | — | ~5k | Automated safety check: Notes | Unlicense | yesterday |
| 106 | 106.Threejs Lighting Three.js lighting - light types, shadows, environment lighting. | OWWZO/ | 186 | 5 repos | ~3k | Automated safety check: Pass | No licence | 19 days ago |
| 107 | 107.Poly Pizza API A skill your agent uses whenever an LLM agent needs to search, browse, or download 3D models from Poly Pizza (poly.pizza) using their REST API. | jasonkneen/ | 1.6k | — | ~1.9k | Automated safety check: Pass | AGPL-3.0 | today |
| 108 | Builds 3D web scenes with Three.js and React Three Fiber, with attention to art direction, a performance budget, mobile behavior and fallbacks. | madebyaris/ | 126 | — | ~3k | Automated safety check: Pass | MIT | 3 mo ago |
| 109 | 109.Living Backdrop Turn one still image into a living web backdrop - depth parallax that follows the pointer, a subject that breathes, and ambient wind, cloud drift, light and dust, in a single WebGL shader with a… | TheOrcDev/ | 106 | — | ~2.3k | Automated safety check: Pass | No licence | 10 days ago |
| 110 | 110.Tsl Implement, migrate, review, debug, or verify Three.js Shading Language (TSL) materials, node graphs, WebGPU compute work, and post-processing. | pmndrs/ | 393 | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 111 | Design and implement playable Three.js game loops, architecture, controls, cameras, physics, levels, encounters, audio hooks, feedback, and game feel. | mintdotgg/ | 114 | — | ~677 | Automated safety check: Pass | MIT | 2 mo ago |
| 112 | A skill your agent uses when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling… | sanity-io/ | 6.4k | 7 repos | ~6.4k | Automated safety check: Pass | MIT | today |
| 113 | 113.Pmndrs Viverse Build, modify, debug, or publish VIVERSE-ready web games and 3D apps with Three.js, React Three Fiber, @pmndrs/viverse, @react-three/viverse, VIVERSE SDK integrations, character controllers… | pmndrs/ | 132 | — | ~1.7k | Automated safety check: Pass | Unknown | 6 days ago |
| 114 | 114.Release Cut and publish a new tellux release — bump version, curate a changelog summary from recent commits, pause for the user to manually pnpm publish (browser 2FA), then push the tag and create the… | cyanfish-x/ | 207 | — | ~1.3k | Automated safety check: Pass | MIT | 17 days ago |
| 115 | Turns a finished CraftBot building model into cut lists, stick orders and full-scale printable sheets for building a physical scale model by hand. | lukapiskorec/ | 150 | — | ~2.8k | Automated safety check: Pass | Unknown | 8 days ago |
| 116 | Stand up a three.js scene: import maps and the three/addons path, the Scene/PerspectiveCamera/WebGLRenderer trio, the setAnimationLoop render loop, responsive resize, and OrbitControls. | corosolto/ | 257 | 1 repo | ~1.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 117 | 117.Stage Rendering Architecture and gotchas for packages/stage — the Threlte/Three.js map renderer (layers, two-pass rendering, shaders, coordinate flips, performance tiers, disposal). | Siege-Perilous/ | 122 | — | ~4.1k | Automated safety check: Pass | Unknown | 2 days ago |
| 118 | 118.R3f Fundamentals Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership. | EnzeD/ | 128 | — | ~1.4k | Automated safety check: Pass | No licence | 1 mo ago |
| 119 | 从角色需求、候选素材和真实分层开始,完成 Live2D Cubism 绑定、动态、网页验收与可回退发布;适用于 Hikari 类项目,不把生成图或网页动画冒充已完成的模型编辑。 | luomo66ccff/ | 109 | — | ~321 | Automated safety check: Pass | Unknown | 17 days ago |
| 120 | Builds a phone-first interactive 3D step-by-step build guide as one self-contained Three.js HTML file, starting from a bundled starter template. | SkylarKitchen/ | 117 | — | ~1.6k | Automated safety check: Pass | MIT | 10 days ago |
| 121 | 121.Webgl Components Build small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance… | flornkm/ | 113 | — | ~4.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 122 | Exports and optimizes Blender 3D models and animations for the web as glTF, covering batch Python scripting, texture baking, decimation and LOD generation for Three.js and Babylon.js. | freshtechbro/ | 994 | — | ~4.2k | Automated safety check: Pass | MIT | 10 mo ago |
| 123 | Configures third-person camera systems with collision avoidance. | hexianWeb/ | 194 | — | ~1.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 124 | Run the egocentric reconstruction pipeline on an input video. | nvidia-isaac/ | 850 | — | ~1.2k | Automated safety check: Pass | Unknown | today |
| 125 | 125.Threejs Loaders Three.js asset loading - GLTF, textures, images, models, async patterns. | OWWZO/ | 186 | 5 repos | ~3.5k | Automated safety check: Pass | No licence | 19 days ago |
| 126 | Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. | vibe-motion/ | 1.3k | — | ~705 | Automated safety check: Pass | No licence | 3 days ago |
| 127 | 127.Cuboid Carousel HyperFrames video block where bevelled 3D cuboids carrying card content fly in as a group, rotate in a staggered wave, hold on a hero card and exit. | heygen-com/ | 59k | 1 repo | ~1.8k | Automated safety check: Pass | Apache-2.0 | today |
| 128 | HyperFrames block that builds a headline of up to 40 characters from Voronoi-cut glass shards flying in through fog, then sends them past the camera. | heygen-com/ | 59k | 1 repo | ~1.3k | Automated safety check: Pass | Apache-2.0 | today |
| 129 | HyperFrames title block with extruded wireframe letters that appear through a portal burst, then swap into a second phrase with a staggered settle glitch. | heygen-com/ | 59k | 1 repo | ~1.1k | Automated safety check: Pass | Apache-2.0 | today |
| 130 | 130.Kantor Agent Jalankan "Kantor Agent" — kantor 3D (three.js) tanpa konfigurasi di http://127.0.0.1:8788/kerja yang menampilkan apa yang sedang dikerjakan Claude di project ini. | humaedihume/ | 100 | — | ~1k | Automated safety check: Pass | MIT | 9 days ago |
| 131 | 131.Export Write a CAD file out of an object a PartCAD package declares - STEP, BREP, STL, 3MF, OBJ, IGES, glTF, three.js, URDF for 3D, SVG or DXF for a sketch, or a file type the package implements itself -… | partcad/ | 503 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | today |
| 132 | Creates and edits parametric CAD parts in Python, organizes multi-model projects, exports to STEP, STL, 3MF or GLB, and opens existing CAD files for visual review. | earthtojake/ | 18k | — | ~2.8k | Automated safety check: Pass | MIT | today |
| 133 | Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture libraries, world prop kits, shaders, VFX, lighting… | valkor-ai/ | 1.2k | 1 repo | ~1.2k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 134 | 134.R3f Geometry Build React Three Fiber geometry, custom buffers, instanced meshes, points, and lines. | EnzeD/ | 128 | — | ~1.2k | Automated safety check: Pass | No licence | 1 mo ago |
| 135 | Verify and release Three.js apps and games through primary-journey QA, desktop/mobile visual checks, canvas metrics, visual regression, optional game bot playtests, production previews, and… | mintdotgg/ | 114 | — | ~856 | Automated safety check: Pass | MIT | 2 mo ago |
| 136 | 136.Gltf Transform Optimize and post-process GLB/glTF 3D models. An agent skill from rawwerks/VibeCAD. | rawwerks/ | 121 | — | ~825 | Automated safety check: Pass | MIT | 9 mo ago |
| 137 | 137.Launch Film Make a short, frame-exact product film for X or a portfolio from the real thing (a web app, a site, a Three.js scene, project photos), authored as a plan and rendered on a canvas engine rather than… | SkylarKitchen/ | 117 | — | ~1.9k | Automated safety check: Pass | MIT | 10 days ago |
| 138 | Creates 3D components using the Experience singleton pattern. | hexianWeb/ | 194 | — | ~1.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 139 | Make a page in this starter actually smooth — build it, scroll it in real Chrome on PC and on an emulated phone, fix what the measurement blames, re-measure to prove it. | textura-agency/ | 132 | — | ~3.7k | Automated safety check: Notes | Unlicense | yesterday |
| 140 | 140.Dom Clone Extract and rebuild the DOM/CSS layer of a web page — layout, typography, colors, spacing, real content, assets, and normal interactions — into clean components, section by section, from exact… | cth9191/ | 133 | — | ~2k | Automated safety check: Pass | MIT | 1 mo ago |
| 141 | Three.js materials - PBR, basic, phong, shader materials, material properties. | OWWZO/ | 186 | 5 repos | ~3.4k | Automated safety check: Pass | No licence | 19 days ago |
| 142 | 142.Cesium Map Open and operate the Cesium MCP 3D map, create map objects and GeoJSON layers, or inspect the selected object in the connected map. | gaopengbin/ | 140 | — | ~964 | Automated safety check: Pass | MIT | today |
| 143 | 3Dmol.js WebGL molecular visualization emitted as self-contained HTML. | jaechang-hits/ | 370 | — | ~3.2k | Automated safety check: Pass | BSD-3-Clause | 9 days ago |
| 144 | 144.Pneuma Lucid Pneuma Lucid Mode workspace guidelines. An agent skill from pandazki/pneuma-skills. | pandazki/ | 162 | — | ~4.6k | Automated safety check: Warn | MIT | 11 days ago |