makepad-skills

Name: makepad-skills
Author: ZhangHanDong

Verified

Build App with Makepad and AI skills

744stars

87forks

Added 1/12/2026

Installation

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

Getting Started

Guides for using ai agents skills like makepad-skills.

Caveman: Cut Claude Token Use by 65%
How agent-side prompt compression works, when to use it, and when not to.
What is an AI Skills Marketplace?
Definitions, how marketplaces work, and how to choose between them in 2026.
Getting Started with AI Skills

Security ReportVerified

Last scanned: 5/7/2026

{
  "issues": [],
  "status": "PASSED",
  "scannedAt": "2026-05-07T06:36:34.241Z",
  "semgrepRan": false,
  "npmAuditRan": true,
  "pipAuditRan": true
}

README.md

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 744 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.

Agentic AI for Beginners

Build your first AI agent from scratch - tool use, ReAct pattern, memory, deployment

41 minBeginner

Comments (0)

to leave a comment.

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

Related Skills

superpowers

by obra

An agentic skills framework & software development methodology that works.

234,966

claude-agents-library claude-smart

AI Agentsappclaudeclaude-codecross-platformmakepadrustskills

First-time install walkthrough for Claude Code, Codex CLI, and ChatGPT.

AI Agentsaibrainstorming

ECC

by affaan-m

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

228,677

35,072

JavaScript

AI Agentsai-agentsanthropic

The agent that grows with you

213,375

39,477

Python

AI Agentsaiai-agent

View details

Compare

everything-claude-code

by affaan-m

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

185,940

28,768

JavaScript

AI Agentsai-agentsanthropic

View details

Compare

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,031

19,897

Shell

AI Agents

View details

Compare

cc-switch

by farion1231

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

116,055

7,773

Rust

AI Agentsai-toolsclaude-code

View details

Compare

Makepad 2.0 Skills

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

Skills (14)

Skill	Description
`makepad-2.0-design-judgment`	Entry 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-structure`	App structure, `app_main!`, ScriptVm, Cargo setup, hot reload
`makepad-2.0-dsl`	DSL syntax, `script_mod!`, colon syntax, `mod.widgets`, let bindings
`makepad-2.0-layout`	Layout system, Flow, Fill, Fit, Inset, spacing, alignment
`makepad-2.0-widgets`	Widget catalog (View, Button, Label, TextInput, PortalList, Dock, etc.)
`makepad-2.0-events`	Event/action handling, `on_click`, `on_render`, Hit, `ids!`
`makepad-2.0-animation`	Animator, states, Forward/Snap/Loop, ease functions
`makepad-2.0-shaders`	Shader system, `draw_bg`, Sdf2d, pixel/vertex fn, DrawQuad
`makepad-2.0-splash`	Splash scripting language, streaming evaluation, hot reload
`makepad-2.0-theme`	Theme system, `mod.themes`, colors, fonts, dark/light mode
`makepad-2.0-vector`	Vector graphics, SVG paths, gradients, tweens, DropShadow
`makepad-2.0-performance`	Performance optimization, GC, draw batching, ViewOptimize
`makepad-2.0-troubleshooting`	Common mistakes, FAQ, debugging tips
`makepad-2.0-migration`	Migration 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

Makepad: https://github.com/makepad/makepad

License

MIT