Makepad

makepad-2.0-events is a Makepad 2.0 skill for event and action handling in Frontend Development. It helps you choose the right layer for on_click, on_render, MatchEvent, and script_eval!, then connect UI interactions to Rust state updates with less guesswork. Use it for install, usage, and workflow guidance.

makepad-2.0-dsl is a practical skill for writing, reading, and fixing Makepad 2.0 DSL `script_mod!` UI code. It helps frontend developers and Rust UI authors use colon syntax, named instances, merge behavior, and Rust bindings correctly, with a clear makepad-2.0-dsl guide for install and usage.

makepad-2.0-design-judgment is the first Makepad 2.0 skill to load for design judgment, architecture, component boundaries, data flow, and rendering strategy. Use the makepad-2.0-design-judgment skill to route requests to the right Makepad compliance skill and make better design choices before implementation.

makepad-2.0-app-structure skill guide for Makepad 2.0 app structure, Rust + Splash integration, hot reload, and app bootstrapping. Learn how to install makepad-2.0-app-structure, read the core references, and use it for frontend development without guessing at boilerplate.

makepad-2.0-widgets helps you find the right Makepad 2.0 widgets, properties, and composition patterns for UI design implementation. Use it when you need makepad-2.0-widgets usage, a widget catalog lookup, or a practical guide for building layouts, lists, dialogs, and advanced patterns in Splash syntax.

makepad-2.0-vector is a Makepad 2.0 Vector graphics skill for SVG-like UI design work. Use it to create crisp icons, badges, illustrations, gradients, filters, transforms, and animated vector elements with Vector{} or Svg{}. The guide helps you install makepad-2.0-vector and get implementation-ready output with less guesswork.

makepad-2.0-troubleshooting is a focused Makepad 2.0 troubleshooting skill for symptom-to-fix debugging. It helps with invisible UI, click failures, compile errors, hot reload issues, and migration regressions. Use this makepad-2.0-troubleshooting guide when you need fast, code-level diagnosis for Backend Development or UI-heavy apps.

makepad-2.0-theme is a Makepad 2.0 theme skill for applying theme.* variables, switching dark and light themes, and keeping design-token styling consistent. Use this guide to understand makepad-2.0-theme install and makepad-2.0-theme usage for production UI and design systems.

makepad-2.0-splash is a Makepad 2.0 Splash skill for writing valid runtime UI scripts in script_mod!{} with reliable state handling, event wiring, hot reload flows, and Canvas-driven app patterns. Use this makepad-2.0-splash guide when you need clear syntax, install guidance, and practical usage for frontend development tasks.

makepad-2.0-shaders is a Frontend Development skill for writing and debugging Makepad 2.0 shader code. Use this makepad-2.0-shaders skill for pixel: fn() and vertex: fn() blocks, Sdf2d shapes, custom widget drawing, premultiplied alpha, and practical install and usage guidance.

makepad-2.0-performance is a focused guide for Makepad 2.0 performance and debugging. It helps diagnose draw batching, render triggers, GC behavior, invisible text, UI freezes, and scroll stuttering. Use it when you need practical makepad-2.0-performance usage, install, and troubleshooting steps tied to real rendering issues.

makepad-2.0-migration is a practical skill for migrating Makepad projects from 1.x to 2.0. It helps translate live_design! to script_mod!, update derives and lifecycle hooks, and reduce guesswork with a focused makepad-2.0-migration guide for implementation-minded upgrades.

makepad-2.0-layout is a Makepad 2.0 layout skill for translating UI ideas into valid Walk and Layout code. It helps with sizing, flow, spacing, padding, alignment, and scroll-container behavior, with practical guidance for design implementation, install, and usage. Use it when you need Makepad-specific layout decisions instead of generic CSS advice.