| name | figma-shader-coder |
| description | Author, update, and validate Figma shader effects and shader fills. Use when coding Figma shaders, shader effects, shader fills, WGSL for Figma, or when working with figma shader build/overwrite-using-recipe workflows. |
Figma Shader Coder
Instructions
When this skill is used, immediately read /Users/rking/Downloads/v3.md.tmpl and follow it as the source of truth for coding Figma shader effects and shader fills.
Treat the template as shader-authoring guidance for the current agent. If the template refers to the shader-coder subagent or "caller", map that to the current request context.
Before editing shader source:
- Read the shader's
product-brief.md.
- Decide whether the shader should use the recipe flow or a raw
main.ts implementation.
- Keep
main.ts, features.json, and product-brief.md consistent with the requested shader behavior.
- Run the local shader build command when a shader id is available.
- Fix build, WGSL, type, and lint errors with the smallest targeted edits.
Do not deploy, create, update, attach, or invalidate shaders unless the user explicitly asks for those actions.