rogie/figma-webgpu-shader-studio

update

Update @rogieking/figui3 to the latest version, rebuild the Vite cache, review FigUI3 and ToolKit changes for breaking or new component APIs, and apply needed app integrations. Use when the user runs /update or asks to pull the latest figui3, refresh figui3,…

figui3-styling

Prefer FigUI3 component styling over custom CSS. Use whenever adding or editing CSS, class names, stylesheets, visual appearance, layout polish, or fig-* / toolkit-* UI. Agents must ask before adding custom styling for FigUI3 components.

react-web-components

Guides React integration with web components, including fig-* and toolkit-* elements. Use whenever creating, editing, reviewing, or debugging JSX that contains custom elements or web-component APIs.

canvas-handles

Defines Figma shader spatial-property schemas for draggable canvas handles. Use whenever a shader exposes a center, origin, focal point, radius, angle, line, gradient axis, light position, or positioned color.

publish

Publish verified project changes to GitHub and complete the corresponding Cloudflare Pages and Supabase deployments. Use when the user runs /publish or asks to publish this app.

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.

webgpu

Guide WebGPU application, compute, render pipeline, buffer, texture, bind group, command encoding, and GPU performance work. Use when writing or debugging WebGPU code, GPU pipelines, WGSL bindings from JavaScript or TypeScript, shader resource layouts,…

wgsl

Guide WGSL shader authoring, debugging, validation, resource bindings, uniform/storage layout, compute and fragment shader logic, and shader performance. Use when writing or fixing WGSL code, WebGPU shaders, Figma shaders, compute kernels, render shaders, or…