workflowstacks
ai-agent

Wagner: Enhance 3D Effects

Get advanced effects composition for three.js.
1,083 stars130 forksJavaScriptGuide quality 8/10Updated 5/26/2024100% free · open source
What it does

Wagner is a effects composer for three.js that allows you to create complex visual effects by combining multiple passes and shaders in a flexible and efficient way.

When to use it
  • •When you need to create custom, high-quality visual effects for your 3D application
  • •When you want to combine multiple shaders and passes to achieve a specific visual style
  • •When you need to optimize your rendering pipeline for better performance
Ready-to-paste prompt
Create a simple bloom effect: `const bloomPass = new Wagner.BloomPass(); composer.pass( bloomPass );`
Heads up: Wagner requires three.js to be installed and imported in your project, and the canvas element must be properly set up and referenced in the Wagner constructor
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/wagner && curl -fsSL https://workflowstacks.com/api/skills/wagner/claude-skill -o ~/.claude/skills/wagner/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Wagner: Enhance 3D Effects works
Codeflow
Free to inspect

Wagner: Enhance 3D Effects is a medium JavaScript project (~4.8k lines across 16 code files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 28 months ago, Other license, no tests found.

Size
Medium codebase
~4.8k lines · 16 code files · 40 min skim
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
JavaScript
No API keys detected
JavaScript 84%HTML 10%GLSL 6%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    examples/DAT.GUI.min.js
    A worked example — copy this to get going
What's in each folder
examples/Examples you can copy37 files
fragment-shaders/Folder50 files
js/Folder6 files
legacy/Archived / older material6 files
vertex-shaders/Folder3 files
assets/Images & static assets26 files
READMENo tests foundThin docsNo CIExamples includedOther licenseLast update 28 mo ago
Quick Actions
Details
Creator
spite
Language
JavaScript
Category
ai-agent
Published
2/10/2014

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.

Related skills

More ai-agent tools founders pair with this one.

ai-agent★ 276,806
Track GitHub Stars with 996.ICU
Get a popular GitHub star counter for your startup, ideal.
ai-agent★ 264,191
Superpowers
An agentic skills framework & software development methodology that works.
ai-agent★ 244,424
Linux: Open Source Kernel
Get the Linux kernel source tree for custom development, ideal for startup founders in need of a flexible OS foundation
ai-agent★ 210,750
Vue
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
ai-agent★ 204,069
Improve Code with andrej-karpathy-skills
Get better code behavior with andrej-karpathy-skills, 165k+ GitHub stars, for founders using LLMs.
ai-agent★ 197,010
FreeDomain: Free Website Domain
Get a free domain with FreeDomain.