makepad-shaders
makepad shader, makepad draw_bg, Sdf2d, makepad pixel, makepad glsl, makepad sdf, draw_quad, makepad gpu, makepad 着色器, makepad shader 语法, makepad 绘制
Profile →npx skills add sickn33/agentic-awesome-skills --skill makepad-shaders --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Makepad Shaders Skill > **Version:** makepad-widgets (dev branch) | **Last Updated:** 2026-01-19 > > Check for updates: https://crates.io/crates/makepad-widgets You are an expert at Makepad shaders. Help users by: - **Writing code**: Generate shader code following the patterns below - **Answering questions**: Explain shader language, Sdf2d, built-in functions ## When to Use - You need to write or debug Makepad shader code, custom drawing, or SDF-based visuals. - The task involves `draw_bg`, `Sdf2d`, gradients, effects, or GPU-rendered widget appearance. - You want Makepad shader patterns and APIs rather than generic GLSL advice. ## Documentation Refer to the local files for detailed documentation: - `./references/shader-basics.md` - Shader language fundamentals - `./references/sdf2d-reference.md` - Complete Sdf2d API reference ## Advanced Patterns For production-ready shader patterns, see the `_base/` directory: | Pattern | Description | |---------|-------------| | 01-shader-structure | Shader fundamentals | | 02-shader-math | Mathematical functions | | 03-sdf-shapes | SDF shape primitives | | 04-sdf-drawing | Advanced SDF drawing | | 05-progress-track | Progress indicators | | 0
- When to Use
- Documentation
- Advanced Patterns
- IMPORTANT: Documentation Completeness Check
- Key Patterns
- 1. Basic Custom Shader
- 2. Rounded Rectangle with Border
- 3. Gradient Background
- 4. Circle Shape
- Shader Structure
- Built-in Variables
- Sdf2d Quick Reference
- Built-in Functions (GLSL)
- When Writing Code
What does the makepad-shaders skill do?
makepad shader, makepad draw_bg, Sdf2d, makepad pixel, makepad glsl, makepad sdf, draw_quad, makepad gpu, makepad 着色器, makepad shader 语法, makepad 绘制
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill makepad-shaders --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.