custom-canvas-and-gestures - Build disciplined custom canvases and gestures
Defines architecture, transforms, hit-testing, painting, animation, gestures, text, shapes, and semantics for Flutter custom-drawn surfaces.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Split views, painters, and scenes
- Compare scenes for repainting
- Share affine transforms
- Test geometry without Path.contains
- Preallocate paint resources
- Drive animation with Listenable
- Translate gestures into commands
- Arbitrate gesture recognizers
- Fit text with measurements
- Author custom canvas semantics
- Mirror directional interface chrome
- Run painter hygiene checks
Inputs
- Immutable Scene value
- Canvas size
- Logical bounds
- Pointer local position
- ViewModel command interface
- Animation controller
- Motion settings
- Region ID buffer
- Display-formatted values
- Directionality context
Outputs
- Rendered canvas pixels
- Semantic nodes
- ViewModel commands
- Repainted surface
- Gesture state changes
- Painter hygiene reports
Requirements
- Flutter CustomPainter and Canvas
- Dart animation support
- AnimationController and Listenable
- Riverpod Notifier or AsyncNotifier
- RepaintBoundary support
- Reference skill integrations