shader-sdf
CommunityGenerate procedural GLSL shapes with SDFs.
Authortanepiper
Version1.0.0
Installs0
System Documentation
What problem does it solve?
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.
Core Features & Use Cases
- 2D & 3D Primitives: Circle, Box, Sphere, Ring, Polygon, Star, Heart and more, with clean, reusable GLSL functions.
- Boolean & Domain Operations: Union, Intersection, Subtraction, Smooth variants, repetition, twist, bend, onion, and round operations for complex shapes.
- Transformations & Rendering: Translation, rotation, scaling, symmetry, and 2D/3D rendering techniques (AA, glow, outline).
- Procedural Graphics & Raymarching: Build raymarched scenes and visual effects using a compact shader toolkit.
Quick Start
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.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: shader-sdf Download link: https://github.com/tanepiper/teskooano/archive/main.zip#shader-sdf Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.