Agent skill

Mint Threejs Skills

by mintdotgg in mintdotgg/mint-threejs-skills

Build, revise, debug, and verify browser-based Three.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly…

MITAuto-check passedGame Development

Install Mint Threejs Skills

skills CLI
$ npx skills add mintdotgg/mint-threejs-skills --skill mint-threejs-skills -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install mintdotgg/mint-threejs-skills mint-threejs-skills --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/mintdotgg/mint-threejs-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/mint-threejs-skills .claude/skills/mint-threejs-skills && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
mint-threejs-skills
GitHub stars
114
Token cost
~1.2k tokens
SKILL.md length
599 words
Files
15 (incl. scripts, references)
Skills in repo
9
Repo updated
First seen
Licence
MIT

At a glance

Build, revise, debug, and verify browser-based Three.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly…

  • Tasks that involve 3D graphics and WebGL
  • SKILL.md covers Choose A Route, Invariants and User-Owned UI
  • Runs JavaScript scripts from its folder

What it does

Mint Threejs Skills is an agent skill from mintdotgg/mint-threejs-skills. Build, revise, debug, and verify browser-based Three.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly requested Gaussian-splat worlds with Mint MCP as the production asset pipeline.

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 16 other files, including scripts and reference files (for example `README.md`, `references/asset-pipeline.md` and `references/asset-viewer.md`).

It sits in Game Development, covering 3D graphics and WebGL. It works with Three.js and Model Context Protocol. The repository describes itself as: Agent guidance for building polished Three.js apps and games with Mint MCP. The licence is MIT.

When your agent uses it

  • Tasks that involve 3D graphics and WebGL

Example prompts

  • “/mint-threejs-skills”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit de7af44. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 2 files in scripts/ (JavaScript), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Mint Threejs Skills loads about 1.2k tokens when it runs, and up to ~16k if it reads all its reference files. Until then it costs about 74 tokens; SKILL.md has 599 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~74
When it runs · the whole SKILL.md, loaded when a task matches
~1.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~16k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from mintdotgg/mint-threejs-skills at commit de7af44, republished under its MIT licence (© mintdotgg). 599 words, ~1,208 tokens.

Download SKILL.mdSave it as .claude/skills/mint-threejs-skills/SKILL.md (or your agent's skills folder). This skill also uses 14 other files; get the full folder from GitHub.
name
mint-threejs-skills
description
Build, revise, debug, and verify browser-based Three.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly requested Gaussian-splat worlds with Mint MCP as the production asset pipeline.

Mint Three.js Skills

Mint's agent skill suite for browser-based Three.js work. It combines and adapts open source Three.js game, application, and graphics-agent workflows, generalized for 3D apps while retaining deep game workflows.

Choose A Route

  • Fresh request whose primary deliverable is one generated model, an animated model, a coherent model asset pack, one material, a material pack, or one explicitly requested Mint world: read references/asset-viewer.md, then use the app director. The asset is the product; the viewer is its inspection and download shell.
  • General 3D app, viewer, configurator, simulation, walkthrough, editor, or interactive experience: read skills/threejs-app-director/SKILL.md.
  • Game or game-like request with objectives, challenge, scoring, failure, progression, or game feel: read skills/threejs-game-director/SKILL.md.
  • Mixed experience: start with the app director, then add only the relevant game specialists.

Both routes share visual systems, interaction, debugging, QA, and references/mint-mcp-assets.md. Before the first Mint MCP write for a codebase, read references/mint-project-workspaces.md to resolve one Mint Project for the work. Projects that use Mint assets also use the durable registry in references/asset-pipeline.md.

Existing app or game context wins over asset delivery. Generate and integrate a requested asset into that project instead of scaffolding a separate viewer.

Invariants

  • Existing project architecture wins. For greenfield work, default to TypeScript, Vite, and Three.js modules.
  • Vanilla Three.js is the default; support React Three Fiber or another Three.js-based stack when the project or user chooses it.
  • Mint MCP is the only generated-asset production pipeline. Keep MCP calls out of browser runtime code.
  • Distinguish the local code project (the folder or repository being edited) from its Mint Project (the remote workspace that owns Mint chats and assets). Resolve or create the Mint Project once, persist it in mint-assets.json, and reuse it for every independent generation started for that codebase.
  • For every project that imports Mint files or remote world configuration, maintain a project-root mint-assets.json through scripts/sync-mint-assets.mjs. Reuse stable logical keys and preserve the existing project's asset-root conventions.
  • For every Three.js path that loads Mint-generated GLBs, read references/gltf-runtime-compatibility.md and use a Draco-capable shared loader. Mint-optimized GLBs are not compatible with a bare GLTFLoader.
  • Prefer discrete generated models and compose them in Three.js. Generate a Mint world only when the user explicitly chooses a generated environment; then read references/mint-world-splats.md.
  • Use procedural or user-provided assets when they are the right design choice or Mint MCP lacks the required capability. Never create a competing procedural version of a subject that Mint generated successfully.
  • Before verification, read references/verification-policy.md. Run its automatic minimum, ask before extended desktop/browser QA, and require a separate secondary approval for mobile QA. Its approval boundary overrides broader specialist completion gates.
  • Do not force game concepts such as objectives, pressure, rewards, or failure onto general 3D apps.
Show full SKILL.md (156 more words)Show less

User-Owned UI

  • Treat the delivered app as the user's product, not as a demo of the asset-generation pipeline.
  • Keep provider names, branding, badges, generation links, asset IDs, and provenance out of runtime UI unless the user explicitly asks for them.
  • Mention generation provenance and handoff links only in the final response or developer documentation.
  • Default to the minimum UI required for the experience: loading and error status, essential controls, and explicitly requested actions.
  • Do not add headers, title bars, navigation, marketing copy, attribution, or decorative application chrome unless requested.
  • For the canonical asset viewer, keep the canvas dominant with a compact centered details dialog opened from an info button plus bottom-centered inspection controls. Do not reserve permanent sidebar space. For other simple viewers and walkthroughs, use a compact bottom-centered control group. Place loading, ready, or error status directly above it using the same compact visual language.

When the user asks for a reusable prompt, use references/request-templates.md.

© mintdotgg, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 14 other files (scripts, references) in skills/mint-threejs-skills of mintdotgg/mint-threejs-skills.

  • SKILL.md
  • LICENSE
  • README.md
  • references/asset-pipeline.md
  • references/asset-viewer.md
  • references/gltf-runtime-compatibility.md
  • references/mint-mcp-assets.md
  • references/mint-project-workspaces.md
  • references/mint-world-splats.md
  • references/request-templates.md
  • references/spatial-contracts.md
  • references/verification-policy.md
  • scripts/sync-mint-assets.mjs
  • scripts/sync-mint-assets.test.mjs
  • skills

Open the folder on GitHubat commit de7af44

Compare with similar skills

Mint Threejs Skills next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Mint Threejs Skills compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Mint Threejs Skills this skillmintdotgg/mint-threejs-skills114—~1.2kAutomated safety check: PassMIT
Octocode Mannequinbgauryy/octocode949—~1.2kAutomated safety check: PassMIT
3dgs MCP Rendererjaccen/Awesome-Gaussian-Skills161—~6.9kAutomated safety check: PassApache-2.0
Game Assetsglifxyz/glif-mcp-server212—~831Automated safety check: PassMIT
Threejs Network Vizautomateyournetwork/netclaw676—~1.8kAutomated safety check: NotesApache-2.0
Comfyui Topology Vizautomateyournetwork/netclaw676—~3.9kAutomated safety check: NotesApache-2.0

Similar skills

  • Octocode Mannequin

    bgauryy/octocode

    Poses and animates a 22-bone anatomical humanoid rig with joint range-of-motion limits, using a Node CLI, a Three.js viewer and WebMCP tools an agent can drive live.

    949 GitHub stars~1.2k tokensUpdated today
    Game DevelopmentAuto-check passed
  • 3dgs MCP Renderer

    jaccen/Awesome-Gaussian-Skills

    MCP protocol integration with 3DGS rendering pipeline: Agent-controlled Three.js/WebGPU rendering, voice-driven scene reconstruction, real-time parameter manipulation, light tracing backend.

    161 GitHub stars~6.9k tokensUpdated yesterday
    Game DevelopmentAuto-check passed
  • Game Assets

    glifxyz/glif-mcp-server

    Make art and media for a game you are building with Glif: character reference sheets, consistent characters, pixel-art sprite sheets with animation cycles, seamless and PBR textures, 3D models, item…

    212 GitHub stars~831 tokensUpdated yesterday
    Game DevelopmentAuto-check passed
  • Threejs Network Viz

    automateyournetwork/netclaw

    Generate browser-based interactive 3D network topology visualizations from inventory or a topology description.

    676 GitHub stars~1.8k tokensUpdated 4 days ago
    Game DevelopmentAuto-check: notes
  • Comfyui Topology Viz

    automateyournetwork/netclaw

    Turn a network topology into one stylized, AI-generated still image via a self-hosted ComfyUI instance — reuses the same topology model as threejs-network-viz (any of 8 topology-source integrations…

    676 GitHub stars~3.9k tokensUpdated 4 days ago
    AI & LLM EngineeringAuto-check: notes
  • Image to Three.js Model

    img2threejs/img2threejs

    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.

    18k GitHub starsUsed in 1 repo~8.2k tokens
    Game DevelopmentAuto-check passed

More from mintdotgg/mint-threejs-skills

All 9 skills in this repo
  • Threejs App Director

    mintdotgg/mint-threejs-skills

    Build and upgrade general Three.js apps including model and material viewers, configurators, walkthroughs, simulations, visualizations, editors, showcases, and interactive experiences.

    114 GitHub stars~1.2k tokensUpdated 2 mo ago
    Auto-check passed
  • Threejs Gameplay Systems

    mintdotgg/mint-threejs-skills

    Design and implement playable Three.js game loops, architecture, controls, cameras, physics, levels, encounters, audio hooks, feedback, and game feel.

    114 GitHub stars~677 tokensUpdated 2 mo ago
    Auto-check passed
  • Threejs QA Release

    mintdotgg/mint-threejs-skills

    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…

    114 GitHub stars~856 tokensUpdated 2 mo ago
    Auto-check passed
  • Threejs Game Director

    mintdotgg/mint-threejs-skills

    Build or upgrade complete Three.js browser games by coordinating gameplay, Mint MCP assets, graphics, UI, debugging, performance, QA, and release.

    114 GitHub stars~1.4k tokensUpdated 2 mo ago
    Auto-check passed
  • Threejs Visual Systems

    mintdotgg/mint-threejs-skills

    Build and upgrade Three.js visual systems for apps and games using Mint MCP assets, authored geometry, materials, lighting, shaders, VFX, technical art, and measured performance.

    114 GitHub stars~816 tokensUpdated 2 mo ago
    Auto-check passed
  • Threejs Debug Profiler

    mintdotgg/mint-threejs-skills

    Diagnose Three.js rendering, loading, animation, resize, audio, physics, input, mobile, and performance problems using reproduction and measured evidence.

    114 GitHub stars~435 tokensUpdated 2 mo ago
    Auto-check passed

Questions about Mint Threejs Skills

What does Mint Threejs Skills do?

Build, revise, debug, and verify browser-based Three.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly…. Mint Threejs Skills is an agent skill from mintdotgg/mint-threejs-skills.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly requested Gaussian-splat worlds with Mint MCP as the production asset pipeline.

When should I use Mint Threejs Skills?

Mint Threejs Skills fits situations like: tasks that involve 3D graphics and WebGL.

How do I install Mint Threejs Skills in Claude Code?

Run `npx skills add mintdotgg/mint-threejs-skills --skill mint-threejs-skills -a claude-code`. Or copy the skill folder (skills/mint-threejs-skills in mintdotgg/mint-threejs-skills) into .claude/skills/mint-threejs-skills in your project. Claude Code loads it when a task matches its description.

How do I install Mint Threejs Skills in Codex?

Run `npx skills add mintdotgg/mint-threejs-skills --skill mint-threejs-skills -a codex`. Or copy the skill folder (skills/mint-threejs-skills in mintdotgg/mint-threejs-skills) into .agents/skills/mint-threejs-skills in your project. Codex loads it when a task matches its description.

Can I use Mint Threejs Skills in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add mintdotgg/mint-threejs-skills --skill mint-threejs-skills -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/mint-threejs-skills, .gemini/skills/mint-threejs-skills, .github/skills/mint-threejs-skills and .opencode/skills/mint-threejs-skills in your project.

What does Mint Threejs Skills need to run?

Going by SKILL.md and its folder, Mint Threejs Skills needs JavaScript for the scripts in its folder. Our summary lists: Node.js.

Does Mint Threejs Skills access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Mint Threejs Skills safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Mint Threejs Skills use?

Mint Threejs Skills is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Mint Threejs Skills use?

About 1.2k tokens (SKILL.md is roughly 4.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 15k tokens, read only when the agent opens those files.

What are the alternatives to Mint Threejs Skills?

Skills that share tags, products or a category with Mint Threejs Skills: Octocode Mannequin (bgauryy/octocode, 949 stars), 3dgs MCP Renderer (jaccen/Awesome-Gaussian-Skills, 161 stars), Game Assets (glifxyz/glif-mcp-server, 212 stars) and Threejs Network Viz (automateyournetwork/netclaw, 676 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Mint Threejs Skills?

mintdotgg (a GitHub organization) maintains it in mintdotgg/mint-threejs-skills, which has 114 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on August 1, 2026.

Source: mintdotgg/mint-threejs-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.