Shader Generator

Shader Generator is an AI Engineering skill for Claude Code, published by 0xsline in OpenChatCut.

935 stars124 forkson 0xsline/OpenChatCutAdded 2026/08/06+2% in starsRepository updated 2026/08/11

agent-skillsagentic-aiai-agentai-video-editorcapcutchatcutclaude-codecodexdesktop-appelectronffmpeglocal-firstmcpopen-sourceopenchatcutremotiontext-based-video-editingtimeline-editorvideo-editingvideo-editor

Install in seconds

Install Shader Generator

Copy Shader Generator into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/0xsline/OpenChatCut/tree/main/src/agent/skills/shader-gen ~/.claude/skills/shader-gen

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/0xsline/OpenChatCut.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: src/agent/skills/shader-gen/SKILL.md in 0xsline/OpenChatCut
Installs to: ~/.claude/skills/shader-gen
Collection: One of 27 skills cataloged from this repository
Category: AI Engineering — 3670 skills

What Shader Generator does

Generates WebGL shaders for video effects, transitions, masks, and color grading in a video editor. Use when built-in effects are insufficient or a custom look is needed.

Shader Generator is cataloged under AI Engineering on DirSkills. Shader Generator comes from a repository tagged agent-skills, agentic-ai, ai-agent, ai-video-editor and capcut.

Documentation

README

Excerpt

Shader Generator

Submit-only: creates a backend generation job, returns jobId. Use the track_progress tool for job lifecycle after submission.

Always use generate.ts for new shaders. Manual authoring is only for editing existing asset code — never as a fallback when generation fails.

Catalog-first rule — try existing assets before generation

Before generating a shader, call browse_library unless the user names an exact asset id that is already visible in read_project.

browse_library is the source of truth for built-in effects, built-in transitions, and project effect/transition assets. Built-ins are stable global asset ids, not per-project DB assets, so they may not appear in read_project asset lists.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Shader Generator

What else does 0xsline publish alongside Shader Generator?
Shader Generator is one of 27 skills that DirSkills catalogs from 0xsline/OpenChatCut, the repository it ships in. Its siblings there include AI Cinematic Short Film, AI Image Generation and Asset Import. Each one is a separate skill with its own page in this directory, installs the same way Shader Generator does, and is maintained by 0xsline in that same repository. The rest of the collection is listed on the 0xsline/OpenChatCut page.
How does Shader Generator compare to other AI Engineering skills?
Shader Generator ranks #1464 by stars among the 3670 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Shader Generator against them. Open each page to compare what they document and how they install.