Locate and apply Makepad shader patterns and SDF references.
npx skills add https://github.com/RoooyHe/betula --skill makepad-shaders
Please help me install this Agent Skill. Skill: makepad-shaders Source: https://github.com/RoooyHe/betula/tree/main/.claude/skills/makepad-shaders Command: npx skills add https://github.com/RoooyHe/betula --skill makepad-shaders
This Skill helps developers quickly locate and apply Makepad shader patterns and local documentation to accelerate shader development.
Start by browsing the included _base patterns and references to begin prototyping shaders in your Makepad UI projects.
High-intent search queries and answers about installing and using this skill.
You can find ready-to-use Makepad shader patterns by browsing a curated library of references and local documentation, enabling quick learning and rapid UI prototyping without starting from scratch.
The best way to draw SDF shapes in Makepad is using the included base shader documentation and Sdf2d references, which provide the context needed to build capsule buttons with hover effects and gradients.
Sdf2d works by providing signed distance field drawing functions that you can reference locally to understand shader mechanics and apply specific patterns for rendering UI components in Makepad.
You do not need extensive prior shader knowledge, as the Skill provides local documentation in the base patterns and references directory to help developers quickly learn and apply Makepad shader patterns.
Yes, you can use these Makepad shader references to implement UI effects, as the documentation specifically covers building capsule buttons with SDF, hover effects, and gradients for UI projects.
ZhangHanDongAutomate Makepad shader learning and creation with guided patterns and references.
RoooyHeCentralize event and action routing in Makepad apps with Rust patterns.
praburajasekaranCompare live UI components with Figma designs and report visual discrepancies.
AvneeshSarwateGenerate TypeScript shader modules from WGSL and GLSL sources.
