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.
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.
Makepad Reference
makepad.nl
Reference materials for Makepad development including troubleshooting common errors, code quality guidelines, and responsive layout patterns for cross-platform apps.
Related Insights
Stop Cramming AI Assistants into Chat Boxes: Clawdbot Picked the Wrong Battlefield
Clawdbot is convenient, but putting it inside Slack or Discord was the wrong design choice from day one. Chat tools are not for operating tasks, and AI isn't for chatting.
The Twilight of Low-Code Platforms: Why Claude Agent SDK Will Make Dify History
A deep dive from first principles of large language models on why Claude Agent SDK will replace Dify. Exploring why describing processes in natural language is more aligned with human primitive behavior patterns, and why this is the inevitable choice in the AI era.
Anthropic Subagent: The Multi-Agent Architecture Revolution
Deep dive into Anthropic multi-agent architecture design. Learn how Subagents break through context window limitations, achieve 90% performance improvements, and real-world applications in Claude Code.