Provide a GLSL library of 2D/3D Signed Distance Functions and boolean operations.
npx skills add https://github.com/tanepiper/teskooano --skill shader-sdf
Please help me install this Agent Skill. Skill: shader-sdf Source: https://github.com/tanepiper/teskooano/tree/main/.cursor/skills/shader-sdf Command: npx skills add https://github.com/tanepiper/teskooano --skill shader-sdf
This Skill provides a ready-to-use library of 2D and 3D Signed Distance Functions (SDFs) in GLSL, enabling rapid creation of procedural shapes, text effects, and smooth morphing without hand-crafting geometry.
Load the shader-sdf skill into your shader project, start with a simple circle using sdCircle(p, r), and render it with a basic raymarch loop. Then combine shapes with opUnion and apply translations or rotations to create more complex visuals.
High-intent search queries and answers about installing and using this skill.
Signed distance functions (SDFs) provide a ready-to-use GLSL library of 2D and 3D primitives and boolean operations, enabling rapid creation of procedural shapes, text effects, and smooth morphing without hand-crafting geometry.
The SDF library supports union, intersection, subtraction, and smooth boolean variants, along with domain operations like repetition, twist, bend, onion, and round to combine primitives into complex procedural shapes.
Yes, you can build raymarched scenes and visual effects in WebGL using the included scripts and references, which provide a compact shader toolkit that satisfies rendering requirements without needing external tooling.
You can render and transform 2D SDF primitives by applying translation, rotation, scaling, and symmetry utilities, then using built-in rendering techniques like anti-aliasing, glow, and outline to visualize the final shader.
No external dependencies are required. The SDF shader library operates standalone using included scripts and references to generate procedural graphics, text effects, and raymarched scenes within standard GLSL workflows.
Probably-GroupGenerate WebGL-compatible GLSL shaders with safety constraints.
Thanh-aperoDevelop custom GLSL fragment shaders for procedural graphics in WebGL and Three.js.
OpenAEC-FoundationPerform vector, matrix, and quaternion math for Three.js projects.
afoveaGenerate and modify 3D geometry with the Blender Python API.
