Makepad Question Router
Version: 2.0.0 | Last Updated: 2026-01-21
INSTRUCTIONS FOR CLAUDE
When this skill is triggered, you MUST load the appropriate sub-skill(s) based on the question:
Routing Table
| Keywords |
Load Skill |
live_design!, app_main!, getting started, app structure |
makepad-basics |
DSL, inheritance, <Widget>, Foo = { } |
makepad-dsl |
| layout, Flow, Walk, padding, width, height, center, align |
makepad-layout |
| View, Button, Label, Image, TextInput, widget, Markdown, Html |
makepad-widgets |
| event, action, Hit, FingerDown, handle_event, click |
makepad-event-action |
| animator, state, transition, hover, pressed |
makepad-animation |
| shader, draw_bg, Sdf2d, gradient, glow, shadow |
makepad-shaders |
| font, text_style, font_size, glyph |
makepad-font |
| platform, macOS, Android, iOS, WASM |
makepad-platform |
| tokio, async, spawn, submit_async |
robius-app-architecture |
| apply_over, modal, collapsible, pageflip |
robius-widget-patterns |
| custom action, MatchEvent, post_action |
robius-event-action |
| AppState, persistence, theme switch |
robius-state-management |
| deploy, package, APK, IPA |
makepad-deployment |
| troubleshoot, error, debug |
makepad-reference |
Context Bundle Loading
For complex tasks, load multiple skills:
| Context |
Load These Skills |
| Create widget/component |
makepad-widgets, makepad-dsl, makepad-layout, makepad-animation, makepad-shaders, makepad-event-action |
| Build full app |
makepad-basics, makepad-dsl, makepad-layout, makepad-widgets, makepad-event-action, robius-app-architecture |
| UI design |
makepad-dsl, makepad-layout, makepad-widgets, makepad-animation, makepad-shaders |
| Production patterns |
robius-app-architecture, robius-widget-patterns, robius-state-management |
Skill Dependencies
When loading a skill, also load its dependencies:
| Skill |
Also Load |
| makepad-widgets |
makepad-layout, makepad-dsl |
| makepad-animation |
makepad-shaders |
| makepad-shaders |
makepad-widgets |
| robius-widget-patterns |
makepad-widgets, makepad-layout |
Example Workflow
User: "How do I create a custom button with hover animation?"
Analysis:
1. Keywords: custom, button, hover, animation
2. Context: Widget creation
3. Load: makepad-widgets, makepad-animation, makepad-shaders, makepad-event-action
Answer using patterns from all loaded skills.
Default Project Settings
When creating Makepad projects:
[package]
edition = "2024"
[dependencies]
makepad-widgets = { git = "https://github.com/makepad/makepad", branch = "dev" }
[features]
default = []
nightly = ["makepad-widgets/nightly"]
Key Patterns Quick Reference
Widget Definition
#[derive(Live, LiveHook, Widget)]
pub struct MyWidget {
#[deref] view: View,
#[live] property: f64,
#[rust] state: State,
#[animator] animator: Animator,
}
Async Pattern (Robius)
// UI -> Async
submit_async_request(MyRequest { ... });
// Async -> UI
Cx::post_action(MyAction { ... });
SignalToUI::set_ui_signal();
1---2name: makepad-router3description: Makepad Question Router4---56# Makepad Question Router78> **Version:** 2.0.0 | **Last Updated:** 2026-01-21910## INSTRUCTIONS FOR CLAUDE1112When this skill is triggered, you MUST load the appropriate sub-skill(s) based on the question:1314### Routing Table1516| Keywords | Load Skill |17|----------|------------|18| `live_design!`, `app_main!`, getting started, app structure | **makepad-basics** |19| DSL, inheritance, `<Widget>`, `Foo = { }` | **makepad-dsl** |20| layout, Flow, Walk, padding, width, height, center, align | **makepad-layout** |21| View, Button, Label, Image, TextInput, widget, Markdown, Html | **makepad-widgets** |22| event, action, Hit, FingerDown, handle_event, click | **makepad-event-action** |23| animator, state, transition, hover, pressed | **makepad-animation** |24| shader, draw_bg, Sdf2d, gradient, glow, shadow | **makepad-shaders** |25| font, text_style, font_size, glyph | **makepad-font** |26| platform, macOS, Android, iOS, WASM | **makepad-platform** |27| tokio, async, spawn, submit_async | **robius-app-architecture** |28| apply_over, modal, collapsible, pageflip | **robius-widget-patterns** |29| custom action, MatchEvent, post_action | **robius-event-action** |30| AppState, persistence, theme switch | **robius-state-management** |31| deploy, package, APK, IPA | **makepad-deployment** |32| troubleshoot, error, debug | **makepad-reference** |3334### Context Bundle Loading3536For complex tasks, load multiple skills:3738| Context | Load These Skills |39|---------|-------------------|40| **Create widget/component** | makepad-widgets, makepad-dsl, makepad-layout, makepad-animation, makepad-shaders, makepad-event-action |41| **Build full app** | makepad-basics, makepad-dsl, makepad-layout, makepad-widgets, makepad-event-action, robius-app-architecture |42| **UI design** | makepad-dsl, makepad-layout, makepad-widgets, makepad-animation, makepad-shaders |43| **Production patterns** | robius-app-architecture, robius-widget-patterns, robius-state-management |4445### Skill Dependencies4647When loading a skill, also load its dependencies:4849| Skill | Also Load |50|-------|-----------|51| makepad-widgets | makepad-layout, makepad-dsl |52| makepad-animation | makepad-shaders |53| makepad-shaders | makepad-widgets |54| robius-widget-patterns | makepad-widgets, makepad-layout |5556### Example Workflow5758```59User: "How do I create a custom button with hover animation?"6061Analysis:621. Keywords: custom, button, hover, animation632. Context: Widget creation643. Load: makepad-widgets, makepad-animation, makepad-shaders, makepad-event-action6566Answer using patterns from all loaded skills.67```6869## Default Project Settings7071When creating Makepad projects:7273```toml74[package]75edition = "2024"7677[dependencies]78makepad-widgets = { git = "https://github.com/makepad/makepad", branch = "dev" }7980[features]81default = []82nightly = ["makepad-widgets/nightly"]83```8485## Key Patterns Quick Reference8687### Widget Definition88```rust89#[derive(Live, LiveHook, Widget)]90pub struct MyWidget {91 #[deref] view: View,92 #[live] property: f64,93 #[rust] state: State,94 #[animator] animator: Animator,95}96```9798### Async Pattern (Robius)99```rust100// UI -> Async101submit_async_request(MyRequest { ... });102103// Async -> UI104Cx::post_action(MyAction { ... });105SignalToUI::set_ui_signal();106```