makepad-2.0-widgets

makepad-2.0-widgets is a skill for Claude Code, Codex from Bilal140202/the-lord-of-the-skills. It costs 135 tokens per session (1,976 once invoked), scanned A, original, MIT.

A reference guide to Makepad 2.0's built-in user-interface widgets, such as buttons, lists, text inputs, menus, and containers. Makepad is a toolkit for building graphical applications using its Splash syntax.

In plain words
What is it for?
Use it to look up widgets, layout containers, advanced components such as PortalList and Dock, or usage details for controls including Button, Modal, Slider, and DropDown.
Why use it?
It gives the coding agent the relevant widget properties and patterns when building or changing a Makepad interface. It also directs the agent to the detailed local widget references before answering.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to look up widgets, layout containers, advanced components such as PortalList and Dock, or usage details for controls including Button, Modal, Slider, and DropDown.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/bilal140202/the-lord-of-the-skills/zhanghandong__makepad-skills
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add Bilal140202/the-lord-of-the-skills --skill zhanghandong__makepad-skills
Clone the repo
git clone --depth 1 https://github.com/Bilal140202/the-lord-of-the-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for makepad-2.0-widgets

README.md
[![agentmods](https://agentmods.dev/badge/skills/bilal140202/the-lord-of-the-skills/zhanghandong__makepad-skills/github.svg)](https://agentmods.dev/skills/bilal140202/the-lord-of-the-skills/zhanghandong__makepad-skills)
Your own site
<a href="https://agentmods.dev/skills/bilal140202/the-lord-of-the-skills/zhanghandong__makepad-skills"><img src="https://agentmods.dev/badge/skills/bilal140202/the-lord-of-the-skills/zhanghandong__makepad-skills/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for makepad-2.0-widgets

Your own site · 80×15
<a href="https://agentmods.dev/skills/bilal140202/the-lord-of-the-skills/zhanghandong__makepad-skills"><img src="https://agentmods.dev/badge/skills/bilal140202/the-lord-of-the-skills/zhanghandong__makepad-skills.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 135 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,976 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00135 $0.01976
Opus 5.5 $0.00054 $0.00790
Sonnet 5.5 $0.00027 $0.00395
Haiku 4.5 $0.00014 $0.00198

Measured 1mo ago against content hash 72372a9833fe, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

makepad-2.0-widgets scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/fangorn/claude-code/ZhangHanDong__makepad-skills/SKILL.md · 247 lines

How it starts

The opening of the file, as written. The whole thing — 247 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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 gradient bg + draw_bg colors
GradientYView Vertical gradient bg + draw_bg colors
ScrollXView Horizontal scrolling scroll property
ScrollYView Vertical scrolling scroll property
ScrollXYView Both-axis scrolling scroll property

Text Widgets

Widget Description Key Properties
Label Single/multi-line text text, draw_text.color, draw_text.text_style.font_size
H1 - H4 Heading levels text (pre-styled)
P Paragraph text text
TextInput Editable text field text, empty_text, password, read_only, numeric_only
Markdown Markdown renderer body
Html HTML renderer body
LinkLabel Clickable link text text, url

Buttons

Widget Description Key Properties
Button Standard button text
ButtonFlat Flat style button text
ButtonFlatter Minimal button text

Read the full file on GitHub · 247 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 247 lines · 135 tokens per session scan A 72372a9833fe

Subscribe to this mod's changes

makepad-2.0-widgets is a skill published in the GitHub repository Bilal140202/the-lord-of-the-skills (6 stars, last pushed 1mo ago), licensed MIT. It adds 135 tokens to every session and 1,976 once invoked, about $0.0005 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

serpsmith

Publish SEO articles, verify unattended health, and gate source-to-runtime releases.

emiliojohann/SERPsmith · 19 tokens

tool-calling-tutor

Use when a tool-calling agent does not call a tool, sends wrong arguments, loops without stopping, or needs a function schema. Guides a four-branch diagnosis and five-step schema repair. Do not use for framework-specific, MCP-server, or production-observability questions.

WenyuChiou/awesome-agentic-ai-zh · 62 tokens

ainb-fleet:atc

ATC (Air Traffic Control) — the single operator-visible fleet supervisor, in exactly one mode: lite (no LLM: deterministic scan, known-transient retry policy, safety caps, evidence) or full (the persistent orchestrating brain). Full mode is a plain ainb session (Claude or Codex) running a generated policy, woken on a…

stevengonsalvez/agents-in-a-box · 254 tokens

ainb-fleet:fleet-needs

Workflow-backed Jarvis control panel. Runs the deterministic hangar workflow with verb=needs (discover → enrich → prioritize), renders the Jarvis HUD from its render-ready cards, fires AskUserQuestion per blocked session, and routes each answer back via tmux send-keys (broker fallback only). Requires the workflow gate…

stevengonsalvez/agents-in-a-box · 112 tokens

first-plan-lens-go

Stack lens para projetos Go. Use durante Discovery quando go.mod for detectado. Extrai padrões de layout (cmd/internal/pkg), error handling, context.Context, concurrency, code generation, build tags.

vynazevedo/first-plan · 46 tokens

first-plan-lens-mobile

Stack lens para mobile - React Native, Swift (iOS), Kotlin (Android), Flutter. Use durante Discovery quando pubspec.yaml, Package.swift, build.gradle.kts (Android) ou react-native em deps for detectado. Cobre navegação, estado, módulos nativos, build/distribuição.

vynazevedo/first-plan · 68 tokens