threejs-postprocessing
Helps your agent add visual effects after rendering. It can create glows, blurs, and other effects to enhance the final image.
What it does
This tool adds special visual effects to your 3D project made with Three.js. Think of adding glow, blur, or adjusting colors to make the image look better.
When to use it
- ✓When you want your 3D project to have an extra glow.
- ✓If you need to blur parts of the image to focus on something.
- ✓When you want to change the final image colors for a specific style.
Example of what to ask your AI
“Add a soft glow effect to my 3D render.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The tool uses an 'effect composer' to apply filters to the final image. It can add things like glow, blur, or change colors after the 3D scene has already been drawn.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add sickn33/agentic-awesome-skills --skill threejs-postprocessingOr download just the file:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/threejs-postprocessing/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
Three.js Post-Processing
Detailed Guide
Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use
- You need screen-space visual effects in a Three.js render pipeline.
- The task involves
EffectComposer, bloom, depth of field, color grading, blur, or custom passes. - You are enhancing the final rendered image rather than base scene setup alone.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
FAQ
What does 'screen-space' mean?
It's a technical term meaning the effects are applied directly to the image you see on the screen, like photo filters.
Do I need to know Three.js programming to use this?
The tool is designed to help even if you're not an experienced programmer. It handles complex parts for you.
Can I create any visual effect?
You can create many common effects like glow, blur, and color adjustments. Very specific effects might need more help.
Details
Original description by the author
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
Popularity
- GitHub stars
- 48k
- Ranking position
- #4377
- License
- MIT
- Updated
- 10/15/2026
Comments
- …
More skills from this repository
00-andruia-consultant
Helps your agent start or improve AI projects. It analyzes code, suggests tools, and creates action plans in Spanish.
sickn33/agentic-awesome-skills
007
Lets your agent perform security audits and threat modeling. It's useful for protecting projects against attacks and vulnerabilities.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Helps your agent create or improve AI tools. It defines how tools work, writes documentation, and validates the structure.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Lets your agent create a summary about a specific industry. It's useful for understanding the context, rules, usage patterns, and risks of a project, using reliable sources.
sickn33/agentic-awesome-skills
Similar skills
blender-motion-state-inspection
Allows inspection of details in 3D animations. It's useful for checking poses, movements, and character alignment in animations.
affaan-m/ECC
manim-video
Lets your agent create animated explainer videos. It uses Manim to generate clear graphs and diagrams for technical concepts.
affaan-m/ECC
remotion-video-creation
Guides your agent in creating videos using React with the Remotion library. It covers best practices for animations, audio, captions, and other visual elements.
affaan-m/ECC