Makepad Getting Started
Entry point for Makepad development with Claude. Start here to learn about available skills and how to begin building Makepad applications.
Quick Start
- New Project? → Project scaffolding and initialization
- Project Organization? → Learn about project structure
- Learning Basics? → Go to Makepad Core for fundamentals
Skills Overview
| Category | Description | Use When |
|---|---|---|
| makepad-getting-started | Project setup and structure | Starting a new project |
| makepad-core | Layout, widgets, events, styling | Learning fundamentals |
| makepad-components | Built-in widget reference | Need specific components |
| makepad-graphics | Shaders, SDF, animations | Visual effects |
| makepad-patterns | State, async, responsive design | Advanced patterns |
| makepad-deployment | Build for all platforms | Packaging apps |
| makepad-reference | Troubleshooting, code quality | Debugging, refactoring |
| makepad-evolution | Self-improving skills | Auto-learning |
First Steps
# Create new Makepad project
cargo new my_app
cd my_app
# Add Makepad dependencies to Cargo.toml
[dependencies]
makepad-widgets = { git = "https://github.com/makepad/makepad", branch = "rik" }
# Run
cargo run
Key Features
- Cross-Platform: Single codebase for Desktop, Mobile, and Web
- GPU-Accelerated: Custom shader-based rendering with SDF drawing
- Live Design: Hot-reloadable DSL for rapid UI development
- High Performance: Native compilation, no virtual DOM
Resources
- Makepad Repository
- Project Robius
- Robrix - Matrix chat client reference
- Moly - AI model manager reference
Next Steps
After setting up your project, explore:
- makepad-core - Learn layout systems and widgets
- makepad-components - Browse available UI components
- makepad-patterns - Discover reusable patterns
Comments
No comments yet. Be the first to comment!
Related Tools
Makepad Core Concepts
makepad.nl
Fundamental building blocks of Makepad UI development including layout systems, widgets, event handling, and styling with live_design! macro.
Skills
Makepad Components Gallery
makepad.nl
Quick reference for all Makepad built-in widgets with usage examples. Covers buttons, inputs, sliders, checkboxes, dropdowns, labels, icons, and virtual lists.
Skills
Makepad Reference
makepad.nl
Reference materials for Makepad development including troubleshooting common errors, code quality guidelines, and responsive layout patterns for cross-platform apps.
Skills
