Skip to content
Development
Skill

/animation-shader

READ this skill when implementing or configuring animation-style shaders (Toon/Cel Shaders) — including outlines, rim lighting, toon shading, MatCap, emission, dissolve, hatching, or any stylized rendering effect. Contains preset styles and feature-to-reference mappings for

From plugin
game-dev-skills
10517 skills4 agents

Claude Code

$ npx -y skills add Yuki001/game-dev-skills --skill animation-shader --agent claude-code

SKILL.md

animation-shader.SKILL.md
name: animation-shader
description: READ this skill when implementing or configuring animation-style shaders (Toon/Cel Shaders) — including outlines, rim lighting, toon shading, MatCap, emission, dissolve, hatching, or any stylized rendering effect. Contains preset styles and feature-to-reference mappings for lilToon, Poiyomi, UTS2, RToon, SToon, and ToonShadingCollection. Works as a domain knowledge plugin alongside workflow skills (OpenSpec, SpecKit) or plan mode of an agent.
metadata:
  short-description: Implement and configure Animation-Style Shaders

Animation Shader Skill

Domain knowledge reference for animation-style shaders (Toon Shaders). Contains preset styles, feature lists, and reference mappings for popular shader libraries.

> [!NOTE] > This skill contains **domain knowledge only**, not a workflow. Pair it with a workflow skill (e.g., OpenSpec, SpecKit) or an agent's plan mode for structured design flow.

Usage Modes

With Workflow Skill (Recommended)

When used with a workflow skill (e.g., OpenSpec, SpecKit) or in the plan mode of an agent, this skill serves as a domain knowledge plugin:

  • **During requirements/spec phases**: Use the Presents section to identify the target style and map user requests to concrete feature sets
  • **During design/planning phases**: Use the Feature List to look up all relevant `references/` documents for each feature
  • **Key rule**: For each identified feature, read ALL reference files listed — do not select just one

Knowledge Mode (Query)

When user requests to query knowledge for animation shaders, this skill provides preset styles and feature-to-reference mappings based on the task.

Presents

Use these presets when the user is unsure about specific features or wants a quick starting point for a specific style.

1. Basic Anime

  • **Description**: The standard, clean anime look. Efficient, readable, and widely used.
  • **Features**: Base Color / Main Texture, 3-Tone Shading (Double Shade), Outline (Inverted Hull).
  • **Use Case**: General avatars, NPCs, standard anime characters, performance-critical scenes.

2. Advanced Illustration

  • **Description**: A high-quality, detailed look with rich lighting, material definition, and depth.
  • **Features**: Base Color / Main Texture, Layered Textures, 3-Tone Shading (Double Shade), Alpha Mask,Outline (Inverted Hull), Rim Light, MatCap (Material Capture), Specular / HighColor, Shadow Ramp.
  • **Use Case**: Main characters, close-ups, high-fidelity VRChat avatars, cinematic cutscenes.

3. Stylized Sketch

  • **Description**: Mimics hand-drawn art, manga, or pencil sketches with a rougher, artistic feel.
  • **Features**: Color Adjustments (Desaturated), Sketchy Outline, Hatching, Halftone Overlay, Sketch / Paper Overlay.
  • **Use Case**: Flashbacks, artistic indie games, unique aesthetic styles, manga adaptations.

4. Cyber / VFX

  • **Description**: High-tech, glowing, and dynamic style with motion and reactivity.
  • **Features**: Base Color / Main Texture (Dark), Emission / Glow, AudioLink, Dissolve, Vertex Manipulation (Glitch), Rim Light.
  • **Use Case**: Sci-fi characters, powered-up states, music visualizers, holographic effects.

5. Semi-Realistic Toon

  • **Description**: Blends anime aesthetics with realistic material properties for a modern, high-fidelity look.
  • **Features**: PBR (Metallic/Smoothness), Normal Map, Shadow Ramp, Subsurface Scattering (SSS), Outline (Inverted Hull).
  • **Use Case**: Modern action RPGs, high-end cinematic characters, "Genshin-like" but more detailed.

6. Retro 90s Anime

  • **Description**: Recreates the look of classic cel animation from the 90s.
  • **Features**: Color Adjustments (High Saturation, Posterization), 3-Tone Shading (Double Shade), Outline (Inverted Hull), Film Grain.
  • **Use Case**: Nostalgic projects, retro-style games, lo-fi aesthetics.

7. Oil Painting / Artistic

  • **Description**: Simulates traditional media like oil painting or watercolor.
  • **Features**: Brush Stroke Textures, Distorted UVs, Sketch / Paper Overlay, Smudged Shadows, Sketchy Outline.
  • **Use Case**: Storybook visuals, artistic showcases, dream sequences.

8. Flat Pop Art

  • **Description**: A bold, graphic style with minimal shading and vibrant colors.
  • **Features**: Base Color / Main Texture (Unlit), Outline (Inverted Hull), Halftone Overlay, Stencil Patterns.
  • **Use Case**: UI characters, music videos, stylized indie games.

Feature List

A comprehensive list of features available across the supported shaders, organized by category.

1. Core Shading & Coloring

  • **Base Color / Main Texture**: The primary color and texture of the model. (All)
  • `references/lilToon/Details/01_Base_Main.md`
  • `references/PoiyomiShaders/Details/01_Base_Main.md`
  • `references/ToonShadingCollection/Details/03_Diffuse.md`
  • **Color Adjustments**: Adjusts Hue, Saturation, Brightness, or applies Posterization to the final color. (Poiyomi, SToon, lilToon)
  • `references/lilToon/Details/01_Base_Main.md`
  • `references/PoiyomiShaders/Details/01_Base_Main.md`
  • **3-Tone Shading (Double Shade)**: Defines shadows using two distinct shades (1st and 2nd) for a traditional anime look. (lilToon, Poiyomi, UTS2)
  • `references/lilToon/Details/02_Lighting_Shadows.md`
  • `references/PoiyomiShaders/Details/02_Lighting_Shadows.md`
  • `references/UnityChanToonShaderVer2/Details/01_DoubleShade.md`
  • `references/ToonShadingCollection/Details/09_Lighting_Shadows.md`
  • **Shadow Ramp**: Uses a gradient texture to control the falloff and color of shadows, allowing for soft or stylized transitions. (SToon, Poiyomi, RToon)
  • `references/PoiyomiShaders/Details/02_Lighting_Shadows.md`
  • **Shadow Texture (ShadowT)**: Applies a pattern (like hatching or halftone) specifically within the shadowed areas. (RToon, SToon)
  • `references/RToon/Details/02_ShadowT.md`
  • *
Read more
@yuki001
Ships withgame-dev-skills

This is my personal agent skill repository, primarily focused on game development.

10517 skills4 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
105
Star history of Yuki001/game-dev-skills on GitHub, a chart by star-history.com

Other skills on game-dev-skills.

gat-design

gat-design

Design one system within a specific milestone's scope: write the milestone-scoped system GDD, content data, and system art doc,…

gat-milestone

gat-milestone

Plan milestone slices from overview + narrative alone (no system GDDs required), create per-milestone directory skeletons and…

gat-story

gat-story

Develop game story and narrative through one-question-at-a-time writer interviews. Produces narrative docs under gat/narrative/…

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills12d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc13d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react2d252k
@facebook@facebookInstall Skill

Questions about animation-shader.

Which coding agents can use animation-shader?
animation-shader installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.