Makepad Skills — Design skill for Claude Code
Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.
How to install Makepad Skills
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open ZhangHanDong/makepad-skills and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Makepad Skills does
[English](./README.md) | [中文](./README.zh-CN.md) | [日本語](./README.ja.md)
Alternatives in Design
- Guitar — by soramimi - Serves as development guide for Guitar Git GUI Client with build commands for various platforms 1.7k ★
- WP Block Themes — WordPress block theme development 902 ★
- App Onboarding Questionnaire — A Claude Code skill that designs and builds high-converting questionnaire-style app onboarding flows — modelle 751 ★
README
Agent Skills for Makepad
[English](./README.md) | [中文](./README.zh-CN.md) | [日本語](./README.ja.md)
[](./.claude-plugin/plugin.json) [](./LICENSE)
Agent skills for building cross-platform UI applications with the [Makepad](https://github.com/makepad/makepad) framework in Rust.
About Makepad
[Makepad](https://github.com/makepad/makepad) is a next-generation UI framework written in Rust that enables building high-performance, cross-platform applications. Key features include:
- Cross-Platform: Single codebase for Desktop (macOS, Windows, Linux), Mobile (Android, iOS), and Web (WebAssembly)
- GPU-Accelerated: Custom shader-based rendering with SDF (Signed Distance Field) drawing
- Live Design: Hot-reloadable
live_design!DSL for rapid UI development - High Performance: Native compilation, no virtual DOM, minimal runtime overhead
About Robius
[Project Robius](https://github.com/project-robius) is an open-source initiative to build a full-featured application development framework in Rust. Production applications built with Makepad include:
- Robrix - A Matrix chat client showcasing real-time messaging, E2E encryption, and complex UI patterns
- Moly - An AI model manager demonstrating data-heavy interfaces and async operations
These skills are extracted from patterns used in Robrix and Moly.
Installation
Plugin Marketplace (Recommended)
Install via Claude Code's plugin marketplace:
# Step 1: Add marketplace
/plugin marketplace add ZhangHanDong/makepad-skills
# Step 2: Install the plugin (includes all 20 skills)
/plugin install makepad-skills@makepad-skills-marketplace
**Using Plugin Skills:**
Plugin skills are accessed via namespace format (they won't appear in `/skills` list, but can be loaded):
# Load specific skills by namespace
/makepad-skills:makepad-widgets
/makepad-skills:makepad-layout
...
Related Skills
Cc Monitor Rs
Real-time Claude Code usage monitor with native UI built using Rust and Makepad.
Iced Development
ALWAYS use this skill when writing, modifying, or reviewing Rust code that uses the Iced GUI library. This ski
OxiMux
A Rust-native, multi-agent development cockpit for macOS — spawn isolated worktrees, run CLI coding agents in
Yara Code
Yara Code — a lightweight code editor for agent-driven development: a terminal UI and a GPU window that mirror
Design Review Skill
A Claude Skill packaging a synthesized design review knowledge base, for running a structured first pass on vi
CometixCode
An unofficial Rust reimplementation of Anthropic's Claude Code terminal UI, built on iocraft
Related Agents
Ashigaru DevOps
Infrastructure, CI/CD, and development environment specialist. Handles Docker environment investigation, envir
Dotnet Uno Specialist
WHEN building cross-platform Uno Platform apps. Project setup, target configuration, Extensions ecosystem, MVU
Rust Dev
Rust development patterns, style guide, and project-specific conventions