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.
Generate a 3D model from a text description or reference image using build123d and render it in the browser viewer.
Install Render
$ npx skills add mfranzon/render --skill render -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mfranzon/render render --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "render" agent skill from https://github.com/mfranzon/render/tree/main into .claude/skills/render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "render", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mfranzon/render --skill render -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mfranzon/render render --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "render" agent skill from https://github.com/mfranzon/render/tree/main into .agents/skills/render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "render", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mfranzon/render --skill render -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mfranzon/render render --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "render" agent skill from https://github.com/mfranzon/render/tree/main into .cursor/skills/render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "render", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mfranzon/render --skill render -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mfranzon/render render --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "render" agent skill from https://github.com/mfranzon/render/tree/main into .gemini/skills/render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "render", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install mfranzon/render renderInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add mfranzon/render --skill render -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "render" agent skill from https://github.com/mfranzon/render/tree/main into .github/skills/render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "render", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mfranzon/render --skill render -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install mfranzon/render render --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "render" agent skill from https://github.com/mfranzon/render/tree/main into .opencode/skills/render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "render", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
render- GitHub stars
- 169
- Token cost
- ~3.5k tokens
- SKILL.md length
- 1,473 words
- Files
- 10
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- None found
At a glance
Generate a 3D model from a text description or reference image using build123d and render it in the browser viewer.
- Works in 6 steps: Start the viewer (if not already running) → Derive a slug from the description:… → Write the script: Create… → …
- Asked to render
- SKILL.md covers Preamble (run first), Detect mode, Steps — Text mode (no image) and Steps — Image mode (reference…, plus 5 more sections
- Runs Python and Shell scripts from its folder; calls python3 and bash
What it does
Render is an agent skill from mfranzon/render. Generate a 3D model from a text description or reference image using build123d and render it in the browser viewer. Use when asked to "render", "make a 3D model", "create a part", "design a", "model a", "model from image", "recreate this", or any 3D modeling request. Supports reference photos, sketches, and drawings. Also handles "apply pending edit": when the user selects an area in the viewer and submits a change request, Claude reads the queued pairs in viewer/edits/pending/ and modifies the current model's…
Its SKILL.md is about 3.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 11 other files (for example `CHANGELOG.md`, `README.md` and `setup.sh`).
It sits in Game Development, covering 3D graphics and WebGL. The repository describes itself as: Render is a skill to create beautiful 3D models directly from coding agents.
When your agent uses it
- Asked to render
- Make a 3D model
- Model from image
- Any 3D modeling request
Example prompts
- “render”
- “make a 3D model”
- “create a part”
- “/render”
Requirements
- Python 3
- A Bash shell
- Pre-approved tools (allowed-tools): Bash, Write, Read, WebSearch, WebFetch, ScheduleWakeup
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Start the viewer (if not already running)
- Derive a slug from the description: lowercase, underscores, max 30 chars.
- Write the script: Create ${CLAUDE_SKILL_DIR}/viewer/models/.py that
- Run it
- Confirm the model was rendered and tell the user to check http://localhost:3123.
- Mention hands-free edits once (do not arm anything by default). Tell the
What it can do on your machine
Read from SKILL.md and the folder at commit 4fa2b88. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
BashWriteReadWebSearchWebFetchScheduleWakeup
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships script files (Python and Shell), which the agent can run.
Shell commands in SKILL.md call:
python3bash
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
Render loads about 3.5k tokens when it runs. Until then it costs about 133 tokens; SKILL.md has 1,473 words of instructions outside code blocks.
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: notes
The automated check noted patterns worth knowing about, such as sudo or a known installer.
- NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
allowed-tools: Bash, Write, Read, WebSearch, WebFetch, ScheduleWakeup
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); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 1,473 words (~3,543 tokens).
“Generate build123d Python code from a description (and optionally a reference image), execute it, and display the result in the browser viewer at http://localhost:3123.”
- name
- render
- allowed-tools
- Bash, Write, Read, WebSearch, WebFetch, ScheduleWakeup
- argument-hint
- [image path and/or description of the 3D model]
Files
SKILL.md and 9 other files in the repository root of mfranzon/render.
- SKILL.md
- .gitignore
- CHANGELOG.md
- README.md
- setup.sh
- viewer/index.html
- viewer/models/.gitkeep
- viewer/models/cube_with_hole.py
- viewer/render.py
- viewer/serve.py
Open the folder on GitHubat commit 4fa2b88
Compare with similar skills
Render 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Render this skillmfranzon/render | 169 | — | ~3.5k | Automated safety check: Notes | None | |
| Image to Three.js Modelimg2threejs/img2threejs | 18k | 1 repos | ~8.2k | Automated safety check: Pass | Apache-2.0 | |
| Web CloneJane-xiaoer/claude-skill-web-clone | 1k | 2 repos | ~2.7k | Automated safety check: Pass | MIT | |
| Threejs Game Directormajidmanzarpour/threejs-game-skills | 2.4k | — | ~2.2k | Automated safety check: Pass | MIT | |
| Game Asset Generatorhtdt/godogen | 7.1k | — | ~2.8k | Automated safety check: Pass | MIT | |
| Threejs Gameplay Systemsvalkor-ai/loom | 1.2k | 1 repos | ~1.4k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Web Clone
Jane-xiaoer/claude-skill-web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 /…
Threejs Game Director
majidmanzarpour/threejs-game-skills
Entrypoint for building, upgrading, and finishing Three.js browser games.
Game Asset Generator
htdt/godogen
Generates game art from text prompts: PNG images, GLB 3D models, rigged characters, animations and sprites, with background removal.
Threejs Gameplay Systems
valkor-ai/loom
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…
Threejs World Generation
calesthio/OpenMontage
Build deterministic, editable, free-viewpoint Three.js worlds from text or structured briefs.
Related
Categories
Questions about Render
What does Render do?
Generate a 3D model from a text description or reference image using build123d and render it in the browser viewer. Render is an agent skill from mfranzon/render. Generate a 3D model from a text description or reference image using build123d and render it in the browser viewer.
When should I use Render?
Render fits situations like: asked to render; make a 3D model; model from image; any 3D modeling request.
How do I install Render in Claude Code?
Run `npx skills add mfranzon/render --skill render -a claude-code`. Or copy the skill folder (the mfranzon/render repository) into .claude/skills/render in your project. Claude Code loads it when a task matches its description.
How do I install Render in Codex?
Run `npx skills add mfranzon/render --skill render -a codex`. Or copy the skill folder (the mfranzon/render repository) into .agents/skills/render in your project. Codex loads it when a task matches its description.
Can I use Render 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 mfranzon/render --skill render -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/render, .gemini/skills/render, .github/skills/render and .opencode/skills/render in your project.
What does Render need to run?
Going by SKILL.md and its folder, Render needs Python and a shell for the scripts in its folder and the command-line tools its instructions call (python3 and bash). Our summary lists: Python 3; A Bash shell. Its frontmatter pre-approves these tools: Bash, Write, Read, WebSearch, WebFetch, ScheduleWakeup.
Does Render 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 Render safe to install?
Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
What licence does Render use?
No licence was found for Render or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Render use?
About 3.5k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Render?
Skills that share tags, products or a category with Render: Image to Three.js Model (img2threejs/img2threejs, 18k stars), Web Clone (Jane-xiaoer/claude-skill-web-clone, 1k stars), Threejs Game Director (majidmanzarpour/threejs-game-skills, 2.4k stars) and Game Asset Generator (htdt/godogen, 7.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Render?
mfranzon (a GitHub user) maintains it in mfranzon/render, which has 169 GitHub stars. The repository was last updated on August 4, 2026.
Source: mfranzon/render on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.