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.
ソース情報
- リポジトリ
- rogie/figma-webgpu-shader-studio
- ソースの最終更新活動
- 2026年8月24日 22:24
- 検出された SKILL.md の言語
- 英語
- スター
- 0
- フォーク
- 0
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- 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.
GitHubで見る