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

1. New Project? → Project scaffolding and initialization
2. Project Organization? → Learn about project structure
3. Learning Basics? → Go to Makepad Core for fundamentals

Skills Overview

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:

1. makepad-core - Learn layout systems and widgets
2. makepad-components - Browse available UI components
3. makepad-patterns - Discover reusable patterns

Related: Makepad Core Concepts and Makepad Components Gallery. Hub: skills.