ZhangHanDong/makepad-skills

Makepad 1.x To 2.0 Migration helps convert Makepad 1.x code to 2.0 syntax and APIs. Use it when replacing live_design, LiveHook, apply_over, or old widget syntax during an upgrade.

Makepad 2.0 App Structure explains how to set up a Makepad app with Rust, Splash scripting, event handling, and hot reload. Use it when starting a new Makepad project or wiring Rust and UI code together.

Makepad 2.0 DSL explains the script_mod! syntax, property system, and widget registration used in Makepad 2.0. Use it when writing or updating Makepad UI scripts, templates, and custom widget modules.

Makepad 2.0 Events covers Splash inline handlers and Rust-side MatchEvent handling for UI events, actions, input, and lifecycle callbacks. Use it when wiring clicks, text input, render updates, or platform events in Makepad 2.0.

Makepad 2.0 Shaders covers Makepad's inline GPU shader system for draw_bg, draw_text, and custom draw types. Use it when writing pixel and vertex functions, SDF2D shapes, or premultiplied-alpha colors.

Makepad 2.0 Theme provides the theme variables and built-in themes used in Splash scripts for colors, typography, spacing, and widget states. Use it when setting up app themes, switching dark and light modes, or styling UI with theme.* values instead of hardcoded numbers.

Makepad 2.0 Troubleshooting helps diagnose common Makepad 2.0 and Splash issues like invisible UI, missing text, failed clicks, hot reload problems, and build errors. Use it to find the likely cause and the correct fix.

Makepad Animation covers the Makepad 2.0 Animator system for hover effects, transitions, looping states, and timeline-based keyframe animation. Use it when animating widget shader properties with groups like hover, focus, active, or time.

Makepad Design Judgment provides conceptual anchors for deciding how to structure Makepad 2.0 apps. Use it to route questions to the right Makepad skill and to choose between state, component, layout, and rendering approaches.

Makepad Layout explains the Makepad 2.0 turtle layout system for sizing widgets and arranging children. Use it when working with width, height, flow, spacing, padding, align, and scroll views in Makepad UI.

Makepad Performance helps debug Makepad 2.0 rendering, batching, garbage collection, and UI freezes. Use it when text disappears, scrolling stutters, or you need to tune draw order, caching, or GC behavior.

Makepad Splash scripts the Makepad 2.0 runtime UI with hot reload, state, events, and streaming evaluation. Use it for app UI code, script_mod! blocks, and incremental LLM-generated editing.

Makepad Vector Graphics renders SVG-like shapes in Makepad 2.0 using Vector and Svg widgets. Use it for paths, gradients, filters, groups, transforms, inline SVG, and Tween-based vector animation.

Makepad Widgets covers the Makepad 2.0 built-in widget catalog and common usage patterns. Use it when asking about widgets such as View, Button, Label, TextInput, PortalList, Dock, Modal, and related controls.