Generate TypeScript shader modules from WGSL and GLSL sources.
npx skills add https://github.com/AvneeshSarwate/avTools --skill power2d-codegen
Please help me install this Agent Skill. Skill: power2d-codegen Source: https://github.com/AvneeshSarwate/avTools/tree/main/skills/power2d-codegen Command: npx skills add https://github.com/AvneeshSarwate/avTools --skill power2d-codegen
The power2d-codegen Skill automates shader code generation by transforming WGSL and GLSL shader sources into TypeScript companion modules, reducing boilerplate and accelerating Babylon.js integrations.
Install or run the codegen workflow via the repository tooling. Then import the generated modules (e.g., "./animation.compute.wgsl.generated.ts") and instantiate materials or effects as needed.
High-intent search queries and answers about installing and using this skill.
You can generate TypeScript bindings from WGSL shaders by using a codegen tool that parses WGSL sources and outputs typed companion modules. This process reduces boilerplate by creating ready-to-use TypeScript interfaces and material factories for Babylon.js shader integration.
Yes, you can automate ShaderMaterial boilerplate creation from GLSL in a Deno environment. The codegen workflow transforms GLSL shader sources into TypeScript artifacts, generating typed uniform setters and metadata to configure Babylon.js materials without manual setup.
The best way to set up typed uniforms for a Babylon.js compute shader is to generate TypeScript companion modules from your source shaders. This approach automatically produces typed interfaces and setters, ensuring type safety and reducing manual configuration errors for compute paths.
Yes, Babylon.js shader codegen requires the wgsl_reflect dependency for WGSL parsing. You need to install this library to accurately analyze WGSL source code and generate the corresponding TypeScript modules and shader metadata.
You need to generate TypeScript metadata for fragment effects and materials to bridge the gap between raw shader code and the rendering pipeline. This automation outputs structured metadata that allows Power2D and Babylon.js to dynamically configure and instantiate materials.
A key limitation when generating TypeScript modules from mixed WGSL and GLSL sources is that WGSL parsing specifically depends on the wgsl_reflect library. You must ensure your Deno environment has the correct dependencies configured to handle both shader languages effectively.
pixijsConfigure PixiJS v8 shaders from GLSL and WGSL sources for WebGL and WebGPU.
f6ra07nk14Instantiate Python objects from YAML/JSON configurations using Jinja2 templates.
AvneeshSarwateBuild GPU-accelerated shader effects for Babylon.js with multi-pass rendering.
DSalischikerAuthor and apply GLSL shaders within React Three Fiber using shaderMaterial.
