Best 3D graphics and WebGL skills for Claude Code, Codex and other agents.

Rebuilds the object in a reference image as a procedural, animation-ready Three.js model written entirely in code, using staged sculpting with quality checks.

img2threejs/img2threejs

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

zanwei/design-dna

Checks whether a sofa, table, bed or appliance fits in a measured Pascal room and reports only what the evidence supports, or asks for the missing measurements.

pascalorg/editor

网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 /…

Jane-xiaoer/claude-skill-web-clone

Lets an agent call a running Modly desktop app from the terminal to generate image-to-3D assets and export meshes through JSON-first commands.

lightningpixel/modly

Entrypoint for building, upgrading, and finishing Three.js browser games.

majidmanzarpour/threejs-game-skills

Generates game art from text prompts: PNG images, GLB 3D models, rigged characters, animations and sprites, with background removal.

htdt/godogen

Build and iterate playable Three.js game systems: starter scaffold, architecture, design briefs, core loops, level and encounter design, entities, input, camera, collision and physics, scoring…

valkor-ai/loom

Comprehensive guide for AntV L7 geospatial visualization library.

antvis/L7

Connects an agent to Pascal's MCP tools to create, inspect, edit, validate and save editable 3D building scenes, then return a verified editor link.

pascalorg/editor

Build deterministic, editable, free-viewpoint Three.js worlds from text or structured briefs.

calesthio/OpenMontage

把一道解析几何题解成一个自包含的交互教学网页：左栏题面 + 动态控制台（一个 可变参数滑块驱动实时重算的几何量 + 理论范围/定值指示），中栏 KaTeX 分步解析，右栏 2D Canvas 动态几何画板（椭圆/双曲线/抛物线/圆 + 动直线/动点 + 向量 + 标注 + 画笔涂鸦）。

wy51ai/edulab

1:1 rebuild of award-winning creative websites (WebGL / scroll-animation / portfolio sites).

boyang-hu/website-rebuild-skill

Guides building an expressive 3D scene in Three.js or Blender by reasoning through intent, object construction and scientific grounding before using a catalog of recipes and kits.

viettranx/3dviz-pro-max

Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games via the Tripo API.

valkor-ai/loom

Slices STL, 3MF or OBJ models into printer-ready G-code with OrcaSlicer, either headless from the command line or by opening the model in the app.

earthtojake/text-to-cad

终极口播视频 skill：中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片（横屏默认/竖屏）。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音，可选 Fish Audio 从稿子合成配音与时间戳；数字人生成技术不在本 skill…

Vincentwei1021/video-talkcraft

Plan, build and quality-check a premium short commercial for a real business (roofing, property, ecommerce, B2B software) using AI-generated footage, code-built motion (HTML/GSAP), selective…

echris6/motion-video-kit

Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…

feitangyuan/motion-web

Audit a browser fingerprint for internal contradictions with the liarjs CLI - canvas, WebGL, WebGL2, WebGPU, audio, 220 fonts, WebRTC and timezone probes, scored against the TLS/HTTP/ASN view of the…

liarjsdev/liarjs-skills

Turn generated or hand-made art into exactly what a game engine loads.

rehan-remade/universal-modder

制作代码驱动的软件产品宣传片和版本更新片（product promo、release notes video、changelog promo）。从真实功能和产品设计出发定方向，用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片，每支片子的视觉手法都从产品本身推导，不套模板。

op7418/guizang-product-video-skill

把一道立体几何题解成一个自包含的交互教学网页：左侧 MathJax 分步解析， 右侧 Three.js 可交互 3D 模型（分步高亮 + 镜头切换）。支持三种入口——给定文字题目、 随机出题、上传题目图片识别后解题。覆盖正方体/长方体、棱锥/棱柱、圆柱/圆锥上的线面角、 二面角、异面直线夹角、点到平面距离、体积等题型，统一用"建系+向量法"，并由 sympy 精确 计算驱动（答案、3D…

wy51ai/edulab

Lint local changes, auto-fix, conventional commit, and optionally create PR

Tresjs/tres

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…

agiwhitelist/auteur

Use this skill first for ANY PixiJS v8 task; it routes to the right specialized skill for the job.

RSamaium/CanvasEngine

Create a concise English release message from commits since the last vX.Y.Z tag, then bump every workspace package to the same version with pnpm changeset and pnpm changeset version.

mlightcad/cad-viewer

Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character.

tuzhechen2005/opus-video-skills

Verify that browser profiles are actually isolated from one another instead of assuming it - confirm each profile's timezone agrees with its own exit IP, that WebRTC exposes only the proxy, that…

antibrow/anti-detect-browser-skills

A skill your agent uses when creating and configuring a PixiJS v8 Application.

pixijs/pixijs-skills

Build or refine real Three.js architectural construction animations, especially Chinese pavilions, pagodas and clock towers with brick-by-brick growth, timber framing, layered eaves, procedural PBR…

lhlGitHub/threejs-architecture-effects

End-to-end 3D printing for Bambu Lab printers. An agent skill from heyixuan2/bambu-studio-ai.

heyixuan2/bambu-studio-ai

基于 WebGL 的大规模地理空间数据可视化引擎。适用于： (1) 创建交互式 WebGL 地图应用 (2) 可视化地理空间数据（点、线、面、热力图） (3) 构建位置数据驾驶舱 (4) 添加地图图层、交互和动画效果 (5) 处理并展示 GeoJSON、CSV 等空间数据

antvis/L7

AetherViz Master - 互动教育可视化建筑师，将任意教学主题转化为极致美观、高度交互的专业教学网页. An agent skill from andyhuo520/aetherviz-master.

andyhuo520/aetherviz-master

Create a new experiment in TresJS Lab with all necessary files

Tresjs/tres

Execute Python code in a safe sandboxed environment via [inference.sh](https://inference.sh).

cortega26/chile-hub

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing.

OWWZO/ai-agent

Blockbench plugin/extension development for the 3D modeling tool.

jasonjgardner/blockbench-mcp-plugin

高德地图 JSAPI v2.0 (WebGL) 开发技能。涵盖地图生命周期管理、强制安全配置、3D 视图控制、覆盖物绘制及 LBS 服务集成。

AMap-Web/amap-skills

Use MSAGL-JS (Microsoft Automatic Graph Layout) to lay out and visualize networks in JavaScript or TypeScript.

microsoft/msagljs

把一句话需求转成可复现、可验收视频工程的乔木智能剪辑导演。Use when the user asks to create, plan, edit, remix, explain, narrate, subtitle, animate, composite, or render a video—including one-line requests such as “制作一个科普视频：介绍…

joeseesun/qiaomu-cut-skill

A skill your agent uses when an AI agent wants to participate in the Haidian Centennial Jing-Zhang AI Innovation Belt open call, follow changing materials and community discussion, generate or…

open-city-ai/haidian

Audit and fix Three.js and React Three Fiber apps for frame-loop performance, GPU memory leaks, scene-graph correctness, and visual defects like z-fighting, shadow acne, wrong color space, and…

millionco/react-doctor

Generates parametric, print-ready 3D models in Python and exports them as STL files sized to real connectors, devices and mounting hardware.

flowful-ai/cad-skill

Owns the paired JSON metadata and TypeScript runner files that define the Aholo Viewer's example and Playground content.

manycoretech/aholo-viewer

Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals, logos…

valkor-ai/loom

Slices 3D mesh files into printer-profiled plain G-code through real slicer CLIs, with backend discovery, input inspection, dry runs and static validation.

autonomous-ai/openharness

Creates simple Three.js web apps with scene setup, lighting, geometries, materials, animations, and responsive rendering.

chongdashu/cc-skills-nanobananapro