makepad-shaders

# 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

## 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](./_base/01-shader-structure.md) | Shader fundamentals |
| [02-shader-math](./_base/02-shader-math.md) | Mathematical functions |
| [03-sdf-shapes](./_base/03-sdf-shapes.md) | SDF shape primitives |
| [04-sdf-drawing](./_base/04-sdf-drawing.md) | Advanced SDF drawing |
| [05-progress-track](./_base/05-progress-track.md) | Progress indicators |
| [09-loading-spinner](./_base/09-loading-spinner.md) | Loading animations |
| [10-hover-effect](./_base/10-hover-effect.md) | Hover visual effects |
| [11-gradient-effects](./_base/11-gradient-effects.md) | Color gradients |
| [12-shadow-glow](./_base/12-shadow-glow.md) | Shadow and glow |
| [13-disabled-state](./_base/13-disabled-state.md) | Disabled visuals |
| [14-toggle-checkbox](./_base/14-toggle-checkbox.md) | Toggle animations |

Community contributions: `./community/`

## IMPORTANT: Documentation Completeness Check

**Before answering questions, Claude MUST:**

1. Read the relevant reference file(s) listed above
2. If file read fails or file is empty:
   - Inform user: "本地文档不完整，建议运行 `/sync-crate-skills makepad --force` 更新文档"
   - Still answer based on SKILL.md patterns + built-in knowledge
3. If reference file exists, incorporate its content into the answer

## Key Patterns

### 1. Basic Custom Sh