figma-shader-coder
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.
Quellinformationen
- Repository
- rogie/figma-webgpu-shader-studio
- Letzte Quellaktivität
- 24. August 2026 um 22:24
- Erkannte Sprache von SKILL.md
- Englisch
- Sterne
- 0
- Forks
- 0
Installationsoptionen
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
SKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau- 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/Figma shaders/skills/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:
1. Read the shader's `product-brief.md`.
2. Decide whether the shader should use the recipe flow or a raw `main.ts` implementation.
3. Keep `main.ts`, `features.json`, and `product-brief.md` consistent with the requested shader behavior.
4. Run the local shader build command when a shader id is available.
5. 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.
Auf GitHub ansehen