makepad-skills

by ZhangHanDongVerified

Build App with Makepad and AI skills

745
Stars
87
Forks
8/23/2026
Added
View on GitHubDownload ZIP

⚠️ Third-Party Software Notice

This skill is third-party open-source software developed and hosted independently on GitHub. SkillTip is an informational directory and does not control or maintain the underlying repository. Any security checks displayed are automated and limited in scope. Review the source code before installing.

Read the Terms of Service

Installation

Add to your Claude Code skills directory:

# Add to your Claude Code skills
git clone https://github.com/ZhangHanDong/makepad-skills

Getting Started

Guides for using skills like makepad-skills.

Security Report

Verified

Last scanned: —

{
  "status": "PASSED",
  "issues": []
}

README.md

Makepad 2.0 Skills

Skills for building cross-platform UI applications with Makepad 2.0.

Skills (14)

SkillDescription
makepad-2.0-design-judgmentEntry point. Design judgment anchors (Elm Architecture, Presentational/Container, GPU rendering mental model). Load this first, then co-load specific skills below.
makepad-2.0-app-structureApp structure, app_main!, ScriptVm, Cargo setup, hot reload
makepad-2.0-dslDSL syntax, script_mod!, colon syntax, mod.widgets, let bindings
makepad-2.0-layoutLayout system, Flow, Fill, Fit, Inset, spacing, alignment
makepad-2.0-widgetsWidget catalog (View, Button, Label, TextInput, PortalList, Dock, etc.)
makepad-2.0-eventsEvent/action handling, on_click, on_render, Hit, ids!
makepad-2.0-animationAnimator, states, Forward/Snap/Loop, ease functions
makepad-2.0-shadersShader system, draw_bg, Sdf2d, pixel/vertex fn, DrawQuad
makepad-2.0-splashSplash scripting language, streaming evaluation, hot reload
makepad-2.0-themeTheme system, mod.themes, colors, fonts, dark/light mode
makepad-2.0-vectorVector graphics, SVG paths, gradients, tweens, DropShadow
makepad-2.0-performancePerformance optimization, GC, draw batching, ViewOptimize
makepad-2.0-troubleshootingCommon mistakes, FAQ, debugging tips
makepad-2.0-migrationMigration guide from Makepad 1.x to 2.0

Installation

Option 1: Add as Working Directory

// .claude/settings.json
{
  "additionalWorkingDirectories": [
    "/path/to/makepad-skills"
  ]
}

Option 2: Symlink to Skills Directory

for skill in skills/*; do
    ln -sf "$(pwd)/$skill" ~/.claude/skills/
done

Option 3: Copy Skills

cp -r skills/* ~/.claude/skills/

Legacy

Makepad 1.x skills (including Robius and MolyKit patterns) are archived on the v1/makepad-1.0 branch.

Source

License

MIT

Frequently Asked Questions

What is makepad-skills?

makepad-skills is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by ZhangHanDong. Build App with Makepad and AI skills. It has 745 GitHub stars.

Is makepad-skills safe to use?

Yes. makepad-skills passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.

How do I install makepad-skills?

Clone the repository with "git clone https://github.com/ZhangHanDong/makepad-skills" and add it to your Claude Code skills directory (see the Installation section above).

Are there alternatives to makepad-skills?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh makepad-skills against similar tools.

Comments (0)

No comments yet. Be the first to share your thoughts!

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI Agentsai-agentsanthropicclaude-code
View details
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI Agentsai-agentsbrainstorming
View details

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI Agentsai-agentsanthropicclaude-code
View details

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI Agentsclaude-codeai-tools
View details

claude-code

by anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

120,03119,897Shell
AI Agents
View details

Developers Also Liked

Based on votes and bookmarks from developers who liked this skill

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI Agentsai-agentsanthropicclaude-code
View details
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI Agentsai-agentsbrainstorming
View details

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP Serversapisai-tools
View details

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI Agentsai-agentsanthropicclaude-code
View details

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI Agentsclaude-codeai-tools
View details