Generate validated WebGL shader effects and transitions for video editing projects.
npx skills add https://github.com/ChatCut-Inc/agent-plugin --skill shader-gen
Please help me install this Agent Skill. Skill: shader-gen Source: https://github.com/ChatCut-Inc/agent-plugin/tree/main/claude/skills/shader-gen Command: npx skills add https://github.com/ChatCut-Inc/agent-plugin --skill shader-gen
This Skill helps video editors create, customize, and apply professional WebGL shader effects and transitions without manually authoring shader code from scratch.
Use the shader generation skill to find a suitable built-in effect for my video, or generate a custom cinematic transition if no matching catalog asset exists.
High-intent search queries and answers about installing and using this skill.
To apply WebGL shader effects, you can select from a catalog of built-in transitions and color grades, or generate custom GLSL shaders. The system validates TypeScript and GLSL structures, applying the effects directly to video, image, or GIF items on your timeline.
Yes, you can generate custom GLSL transitions such as page-curls or wipes when no catalog asset matches. The generation process requires beta confirmation and uses backend job tracking to safely create and validate the new shader code.
The best way to apply LUTs and cinematic color grades is through catalog-first selection, which binds existing project LUTs to the editor with correct property schemas. You can also generate custom color grades using validated GLSL processors.
Shader generation works with video, image, and GIF items. The system handles timeline placement and verification for all supported media types, applying masks, zooms, wipes, and 3D transitions across different visual formats.
You can safely update shader controls and applied-item overrides through the system's safe property editing feature. This process modifies existing asset code while strictly preserving the required TypeScript schema and GLSL validation rules.
Generating new WebGL shaders requires beta confirmation and backend job tracking to ensure strict TypeScript and GLSL processor structures are maintained. This validation process prevents schema violations and verifies that timeline edits are applied correctly.
moltis-orgConvert video, audio, images, or prompts into colored ASCII video output.
xztxyConvert JSON timeline specs into Remotion video compositions.
0xslineIntegrate MCP-capable coding agents with OpenChatCut for programmatic video editing.
Thanh-aperoDevelop custom GLSL fragment shaders for procedural graphics in WebGL and Three.js.
