Agent skill

makepad-2.0-widgets

makepad widget, makepad View, makepad Button, makepad Label, makepad TextInput, makepad PortalList, makepad Dock, makepad Modal, makepad Image, makepad CheckBox, makepad Slider, makepad DropDown, widget catalog, widget reference, widget list, SolidView, RoundedView, ScrollYView, FoldHeader, Splitter, FileTree, 组件, 控件, 视图, 按钮, 标签, 输入框, 列表, 模态框

ZhangHanDonggithub.com/ZhangHanDongGitHub ↗
claude-code
Install
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 3
SKILL.md size: 7 KB
Bundled scripts: none
Path: skills/makepad-2.0-widgets/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 745

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Makepad 2.0 Widget Catalog Skill > **Version:** makepad-widgets (dev branch) | **Last Updated:** 2026-03-03 ## Overview Makepad 2.0 provides a rich set of built-in widgets for building UIs. All widgets are defined in Splash syntax and registered via `script_mod!`. ## Documentation Refer to the local files for detailed documentation: - `./references/widget-catalog.md` - Complete widget list with properties - `./references/widget-advanced.md` - Advanced patterns: PortalList, Dock, custom widgets, MapView ## IMPORTANT: Documentation Completeness Check **Before answering questions, Claude MUST:** 1. Read the relevant reference file(s) listed above 2. Incorporate reference content into the answer --- ## Widget Categories Quick Reference ### Containers (Layout) | Widget | Description | Key Properties | |--------|-------------|----------------| | `View` | Basic container (transparent) | width, height, flow, spacing, padding, align | | `SolidView` | View with solid background | + show_bg: true, draw_bg.color | | `RoundedView` | View with rounded corners | + draw_bg.border_radius | | `RoundedAllView` | All corners same radius | + border_radius shorthand | | `GradientXView` | Horizontal gr

What's inside
Steps it walks through
  1. Overview
  2. Documentation
  3. IMPORTANT: Documentation Completeness Check
  4. Widget Categories Quick Reference
  5. Containers (Layout)
  6. Text Widgets
  7. Buttons
  8. Toggles
  9. Input Widgets
  10. Media
  11. Layout Helpers
  12. Lists
  13. Navigation
  14. Dock System
Ships with 2 files
  • references/widget-advanced.md
  • references/widget-catalog.md
More from makepad-skills
All skills →
About this skill
What does the makepad-2.0-widgets skill do?

makepad widget, makepad View, makepad Button, makepad Label, makepad TextInput, makepad PortalList, makepad Dock, makepad Modal, makepad Image, makepad CheckBox, makepad Slider, makepad DropDown, widget catalog, widget reference, widget list, SolidView, RoundedView, ScrollYView, FoldHeader, Splitter, FileTree, 组件, 控件, 视图, 按钮, 标签, 输入框, 列表, 模态框

How do I install it?

Run `npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From ZhangHanDong/makepad-skills, a repository with 745 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going