Web Clone
Jane-xiaoer/claude-skill-web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树,覆盖静态站 /…
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…
$ npx skills add millionco/react-doctor --skill improve-threejs -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install millionco/react-doctor improve-threejs --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/millionco/react-doctor.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/improve-threejs .claude/skills/improve-threejs && rm -rf skills-srcUse ~/.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/
Install the "improve-threejs" agent skill from https://github.com/millionco/react-doctor/tree/main/skills/improve-threejs into .claude/skills/improve-threejs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "improve-threejs", 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.
$skill-installer install https://github.com/millionco/react-doctor/tree/main/skills/improve-threejsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add millionco/react-doctor --skill improve-threejs -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install millionco/react-doctor improve-threejs --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/millionco/react-doctor.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/improve-threejs .agents/skills/improve-threejs && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "improve-threejs" agent skill from https://github.com/millionco/react-doctor/tree/main/skills/improve-threejs into .agents/skills/improve-threejs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "improve-threejs", 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 millionco/react-doctor --skill improve-threejs -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install millionco/react-doctor improve-threejs --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/millionco/react-doctor.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/improve-threejs .cursor/skills/improve-threejs && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "improve-threejs" agent skill from https://github.com/millionco/react-doctor/tree/main/skills/improve-threejs into .cursor/skills/improve-threejs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "improve-threejs", 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.
$ gemini skills install https://github.com/millionco/react-doctor.git --path skills/improve-threejs--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add millionco/react-doctor --skill improve-threejs -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install millionco/react-doctor improve-threejs --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/millionco/react-doctor.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/improve-threejs .gemini/skills/improve-threejs && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "improve-threejs" agent skill from https://github.com/millionco/react-doctor/tree/main/skills/improve-threejs into .gemini/skills/improve-threejs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "improve-threejs", 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 millionco/react-doctor improve-threejsInstalls 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 millionco/react-doctor --skill improve-threejs -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/millionco/react-doctor.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/improve-threejs .github/skills/improve-threejs && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "improve-threejs" agent skill from https://github.com/millionco/react-doctor/tree/main/skills/improve-threejs into .github/skills/improve-threejs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "improve-threejs", 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 millionco/react-doctor --skill improve-threejs -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install millionco/react-doctor improve-threejs --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/millionco/react-doctor.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/improve-threejs .opencode/skills/improve-threejs && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "improve-threejs" agent skill from https://github.com/millionco/react-doctor/tree/main/skills/improve-threejs into .opencode/skills/improve-threejs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "improve-threejs", 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.
improve-threejsAudit 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…
Improve Threejs is an agent skill from millionco/react-doctor. 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 broken resize handling. Uses React Doctor as the scanning engine plus a visual rubric checked against rendered output. Use when the user asks to improve, audit, scan, or clean up a Three.js, R3F, react-three-fiber, drei, or WebGL app, or types /improve-threejs.
Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Game Development, covering 3D graphics and WebGL. It works with Three.js and React. The repository describes itself as: Your agent writes bad React. This catches it.
6 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 3c668e1. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
npxFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
react.doctorFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Improve Threejs loads about 2.3k tokens when it runs. Until then it costs about 118 tokens; SKILL.md has 1,099 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.
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); files beside SKILL.md are not scanned.
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,099 words (~2,282 tokens).
“Audits a Three.js or React Three Fiber (R3F) codebase and fixes what hurts most: work that runs every frame, GPU resources that never get disposed, scene-graph objects rebuilt on every render, and visual defects the user can see. React Doctor…”
Just SKILL.md in skills/improve-threejs of millionco/react-doctor.
Open the folder on GitHubat commit 3c668e1
Improve Threejs 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 |
|---|---|---|---|---|---|---|
| Improve Threejs this skillmillionco/react-doctor | 15k | — | ~2.3k | Automated safety check: Pass | Custom licence | |
| Web CloneJane-xiaoer/claude-skill-web-clone | 1k | 2 repos | ~2.7k | Automated safety check: Pass | MIT | |
| Polycsslayoutit/polycss | 759 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Typegpusoftware-mansion-labs/skills | 291 | 2 repos | ~5.6k | Automated safety check: Pass | None | |
| Pmndrs Viversepmndrs/viverse | 132 | — | ~1.7k | Automated safety check: Pass | Custom licence | |
| 3D Web Experiencedavila7/claude-code-templates | 32k | 5 repos | ~1.3k | Automated safety check: Pass | MIT |
Jane-xiaoer/claude-skill-web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树,覆盖静态站 /…
layoutit/polycss
Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.
software-mansion-labs/skills
TypeGPU is type-safe WebGPU in TypeScript. An agent skill from software-mansion-labs/skills.
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…
davila7/claude-code-templates
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes.
AThevon/genjutsu
Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
millionco/react-doctor
Compare React Doctor diagnostics for a GitHub pull request (PR) with Vercel Sandbox.
millionco/react-doctor
Audit React Doctor against ReactBench or similar diagnostic benchmark corpora for confirmed false positives, false negatives, taxonomy gaps, and verifier artifacts.
millionco/react-doctor
Simplify and refine recently modified code while preserving functionality.
millionco/react-doctor
Use truffler to find similar or pre-existing JavaScript/TypeScript symbols before implementing new code, especially helpers, utilities, parsers, formatters, scanners, fuzzy matchers, and other…
millionco/react-doctor
Diagnose React runtime performance with React Doctor traces, live render outlines, Long Animation Frames, interaction timing, and component render evidence.
millionco/react-doctor
Think like a product manager before changing React Doctor's public surface — CLI commands/flags, the 0–100 score, config (doctor.config.), the JSON report schema, package APIs…
Categories
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…. Improve Threejs is an agent skill from millionco/react-doctor.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 broken resize handling.
Improve Threejs fits situations like: the user asks to improve; clean up a Three.js; React-three-fiber; types /improve-threejs.
Run `npx skills add millionco/react-doctor --skill improve-threejs -a claude-code`. Or copy the skill folder (skills/improve-threejs in millionco/react-doctor) into .claude/skills/improve-threejs in your project. Claude Code loads it when a task matches its description.
Run `npx skills add millionco/react-doctor --skill improve-threejs -a codex`. Or copy the skill folder (skills/improve-threejs in millionco/react-doctor) into .agents/skills/improve-threejs in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add millionco/react-doctor --skill improve-threejs -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/improve-threejs, .gemini/skills/improve-threejs, .github/skills/improve-threejs and .opencode/skills/improve-threejs in your project.
Going by SKILL.md and its folder, Improve Threejs needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
SKILL.md names 1 domain. In commands or code: react.doctor; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
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. Review the folder before installing.
Improve Threejs has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
About 2.3k tokens (SKILL.md is roughly 9.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Improve Threejs: Web Clone (Jane-xiaoer/claude-skill-web-clone, 1k stars), Polycss (layoutit/polycss, 759 stars), Typegpu (software-mansion-labs/skills, 291 stars) and Pmndrs Viverse (pmndrs/viverse, 132 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
millionco (a GitHub organization) maintains it in millionco/react-doctor, which has 14,971 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on October 7, 2026.
Source: millionco/react-doctor on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.