Agent skill

Threejs Shaders

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects.

No licenceAuto-check passedGame Development

Install Threejs Shaders

skills CLI

$ npx skills add OWWZO/ai-agent --skill threejs-shaders -a claude-code

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

GitHub CLI

$ gh skill install OWWZO/ai-agent threejs-shaders --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/OWWZO/ai-agent.git skills-src && mkdir -p .claude/skills && cp -r skills-src/runtime/skills/threejs-shaders .claude/skills/threejs-shaders && 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/

Paste into Claude Code

Install the "threejs-shaders" agent skill from https://github.com/OWWZO/ai-agent/tree/master/runtime/skills/threejs-shaders into .claude/skills/threejs-shaders/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "threejs-shaders", 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

$skill-installer install https://github.com/OWWZO/ai-agent/tree/master/runtime/skills/threejs-shaders

Type 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.

skills CLI

$ npx skills add OWWZO/ai-agent --skill threejs-shaders -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install OWWZO/ai-agent threejs-shaders --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OWWZO/ai-agent.git skills-src && mkdir -p .agents/skills && cp -r skills-src/runtime/skills/threejs-shaders .agents/skills/threejs-shaders && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "threejs-shaders" agent skill from https://github.com/OWWZO/ai-agent/tree/master/runtime/skills/threejs-shaders into .agents/skills/threejs-shaders/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "threejs-shaders", 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.

skills CLI

$ npx skills add OWWZO/ai-agent --skill threejs-shaders -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install OWWZO/ai-agent threejs-shaders --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OWWZO/ai-agent.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/runtime/skills/threejs-shaders .cursor/skills/threejs-shaders && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "threejs-shaders" agent skill from https://github.com/OWWZO/ai-agent/tree/master/runtime/skills/threejs-shaders into .cursor/skills/threejs-shaders/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "threejs-shaders", 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

$ gemini skills install https://github.com/OWWZO/ai-agent.git --path runtime/skills/threejs-shaders

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add OWWZO/ai-agent --skill threejs-shaders -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install OWWZO/ai-agent threejs-shaders --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OWWZO/ai-agent.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/runtime/skills/threejs-shaders .gemini/skills/threejs-shaders && rm -rf skills-src

Use ~/.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/

Paste into Gemini CLI

Install the "threejs-shaders" agent skill from https://github.com/OWWZO/ai-agent/tree/master/runtime/skills/threejs-shaders into .gemini/skills/threejs-shaders/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "threejs-shaders", 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.

GitHub CLI

$ gh skill install OWWZO/ai-agent threejs-shaders

Installs 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).

skills CLI

$ npx skills add OWWZO/ai-agent --skill threejs-shaders -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/OWWZO/ai-agent.git skills-src && mkdir -p .github/skills && cp -r skills-src/runtime/skills/threejs-shaders .github/skills/threejs-shaders && rm -rf skills-src

Use ~/.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/

Paste into GitHub Copilot

Install the "threejs-shaders" agent skill from https://github.com/OWWZO/ai-agent/tree/master/runtime/skills/threejs-shaders into .github/skills/threejs-shaders/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "threejs-shaders", 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.

skills CLI

$ npx skills add OWWZO/ai-agent --skill threejs-shaders -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install OWWZO/ai-agent threejs-shaders --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OWWZO/ai-agent.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/runtime/skills/threejs-shaders .opencode/skills/threejs-shaders && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "threejs-shaders" agent skill from https://github.com/OWWZO/ai-agent/tree/master/runtime/skills/threejs-shaders into .opencode/skills/threejs-shaders/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "threejs-shaders", 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: threejs-shaders
GitHub stars: 185
Used in: 5 other repos
Token cost: ~3.5k tokens
SKILL.md length: 145 words
Files: 1
Skills in repo: 17
Repo updated: Sep 19, 2026
First seen: Oct 7, 2026
Licence: None found

At a glance

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects.

Works in 5 steps: Minimize uniforms: Group related values… → Avoid conditionals: Use mix/step instead… → Precalculate: Move calculations to JS… → …
Creating custom visual effects
SKILL.md covers Quick Start, ShaderMaterial vs…, Uniforms and Varyings, plus 6 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Threejs Shaders is an agent skill from OWWZO/ai-agent. Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

Its SKILL.md is about 3.5k 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 Shaders and 3D graphics and WebGL. It works with Three.js. The repository describes itself as: 一个面向全网研究与复杂数据分析的云端智能体，能在公开网络、YouTube、BiliBili、X、小红书、Hacker News上研究任何主题。项目wiki：https://zread.ai/OWWZO/ai-agent.

When your agent uses it

Creating custom visual effects
Modifying vertices
Writing fragment shaders
Extending built-in materials

Example prompts

“/threejs-shaders”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

Minimize uniforms: Group related values into vectors
Avoid conditionals: Use mix/step instead of if/else
Precalculate: Move calculations to JS when possible
Use textures: For complex functions, use lookup tables
Limit overdraw: Avoid transparent objects when possible

What it can do on your machine

Read from SKILL.md and the folder at commit cb6e389. 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
No scripts in the folder and no shell commands in SKILL.md (its code samples are javascript and glsl).
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

Threejs Shaders loads about 3.5k tokens when it runs. Until then it costs about 51 tokens; SKILL.md has 145 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~51
When it runs · the whole SKILL.md, loaded when a task matches: ~3.5k

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); 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 145 words (~3,514 tokens).

“Three.js provides built-in uniforms and attributes.”

— opening of SKILL.md by OWWZO

name: threejs-shaders

Outline of SKILL.md

Three.js Shaders
Quick Start
ShaderMaterial vs RawShaderMaterial
ShaderMaterial
RawShaderMaterial
Uniforms
Uniform Types
GLSL Declarations
Updating Uniforms
Varyings
Common Shader Patterns
Texture Sampling
Vertex Displacement
Fresnel Effect
Noise-Based Effects
Gradient
Rim Lighting
Dissolve Effect
Extending Built-in Materials
onBeforeCompile
Common Injection Points
GLSL Built-in Functions
Math Functions
Vector Functions
Texture Functions
Common Material Properties
Shader Includes
Using Three.js Shader Chunks
External Shader Files
Instanced Shaders

Read the full SKILL.md on GitHub

Files

Just SKILL.md in runtime/skills/threejs-shaders of OWWZO/ai-agent.

Open the folder on GitHubat commit cb6e389

Used in 5 other repositories

We found 16 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 5 other GitHub owners. This page covers the copy in OWWZO/ai-agent, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Threejs Shaders 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.

Threejs Shaders compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Threejs Shaders this skillOWWZO/ai-agent	185	5 repos	~3.5k	Automated safety check: Pass	None	18 days ago
New ExperimentTresjs/tres	3.8k	—	~782	Automated safety check: Pass	MIT	today
Typegpusoftware-mansion-labs/skills	291	2 repos	~5.6k	Automated safety check: Pass	None	9 days ago
Shader Extractcth9191/site-clone	127	—	~1.4k	Automated safety check: Pass	MIT	1 mo ago
Tslpmndrs/glyph	392	—	~1.5k	Automated safety check: Pass	MIT	today
Stage RenderingSiege-Perilous/tableslayer	122	—	~4.1k	Automated safety check: Pass	Custom licence	yesterday

Similar skills

New Experiment
Tresjs/tres
Create a new experiment in TresJS Lab with all necessary files
3.8k GitHub stars~782 tokensUpdated today
Game DevelopmentAuto-check passed
Typegpu
software-mansion-labs/skills
TypeGPU is type-safe WebGPU in TypeScript. An agent skill from software-mansion-labs/skills.
291 GitHub starsUsed in 2 repos~5.6k tokens
Game DevelopmentAuto-check passed
Shader Extract
cth9191/site-clone
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.
127 GitHub stars~1.4k tokensUpdated 1 mo ago
Game DevelopmentAuto-check passed
Tsl
pmndrs/glyph
Implement, migrate, review, debug, or verify Three.js Shading Language (TSL) materials, node graphs, WebGPU compute work, and post-processing.
392 GitHub stars~1.5k tokensUpdated today
Game DevelopmentAuto-check passed
Stage Rendering
Siege-Perilous/tableslayer
Architecture and gotchas for packages/stage — the Threlte/Three.js map renderer (layers, two-pass rendering, shaders, coordinate flips, performance tiers, disposal).
122 GitHub stars~4.1k tokensUpdated yesterday
Game DevelopmentAuto-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
Game DevelopmentAuto-check passed

Questions about Threejs Shaders

What does Threejs Shaders do?

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Threejs Shaders is an agent skill from OWWZO/ai-agent.js shaders - GLSL, ShaderMaterial, uniforms, custom effects.

When should I use Threejs Shaders?

Threejs Shaders fits situations like: creating custom visual effects; modifying vertices; writing fragment shaders; extending built-in materials.

How do I install Threejs Shaders in Claude Code?

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

How do I install Threejs Shaders in Codex?

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

Can I use Threejs Shaders 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 OWWZO/ai-agent --skill threejs-shaders -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/threejs-shaders, .gemini/skills/threejs-shaders, .github/skills/threejs-shaders and .opencode/skills/threejs-shaders in your project.

What does Threejs Shaders need to run?

SKILL.md names no scripts, command-line tools or credentials: Threejs Shaders is instructions for the agent only.

Does Threejs Shaders 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 Threejs Shaders 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. Review the folder before installing.

What licence does Threejs Shaders use?

No licence was found for Threejs Shaders or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Threejs Shaders 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 Threejs Shaders?

Skills that share tags, products or a category with Threejs Shaders: New Experiment (Tresjs/tres, 3.8k stars), Typegpu (software-mansion-labs/skills, 291 stars), Shader Extract (cth9191/site-clone, 127 stars) and Tsl (pmndrs/glyph, 392 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Threejs Shaders?

OWWZO (a GitHub user) maintains it in OWWZO/ai-agent, which has 185 GitHub stars. The repository holds 17 skills in this directory. The repository was last updated on September 19, 2026.

Source: OWWZO/ai-agent on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Threejs Shaders

Install Threejs Shaders

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Used in 5 other repositories

Compare with similar skills

Similar skills

New Experiment

Typegpu

Shader Extract

Tsl

Stage Rendering

Threejs Visual Systems

More from OWWZO/ai-agent

Threejs Animation

Threejs Fundamentals

Gpt Image 2 Style Library

Ppt Page

Threejs Geometry

Threejs Interaction

Questions about Threejs Shaders

Install Threejs Shaders

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Used in 5 other repositories

Compare with similar skills

Similar skills

More from OWWZO/ai-agent

Related

Questions about Threejs Shaders