makepad-2.0-design-judgment
This is the FIRST skill to load for any Makepad task — it provides design judgment anchors ABOVE the other 13 Makepad 2.0 skills. Triggers on: makepad, makepad app, makepad project, makepad design, live_design!, app_main!, script_mod!, Cx, WidgetRef, Widget, makepad-widgets, makepad architecture, makepad how to, "how should I", "should I use", "what's the best way", makepad 架构, makepad 设计, makepad 怎么做, makepad 最佳实践, 组件拆分, 状态管理, 数据流, 渲染思维
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-design-judgment --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Makepad 2.0 Design Judgment Skill > **Role:** Entry-level routing + design judgment anchors for Makepad 2.0 development. > **Relationship to other skills:** This skill is the **liberation layer** (释放层). > The other 13 Makepad 2.0 skills are the **compliance layer** (服从层) — they provide > DSL syntax, API patterns, widget catalogs. Don't argue with them. Obey them. > This skill provides **conceptual anchors** for design decisions that have no single > correct answer. ## How This Skill Works This skill operates as a **quality valve** (质量阀门), simultaneously performing two functions: - **Constraint** (约束): Route to the correct compliance-layer skill for syntax/API questions - **Liberation** (释放): Activate the right conceptual anchors for design judgment questions **Key principle:** Conceptual anchors set **boundary conditions** for emergence. They don't instruct the model what to output — they shape the space in which good output emerges. Rules tell you "don't do X". Anchors tell you "think like Y". --- ## Step 1: Route to Compliance Layer For any Makepad question, FIRST identify which compliance skill(s) to co-load: | Question Domain | Co-load Skill | |----------------|--------------
- How This Skill Works
- Step 1: Route to Compliance Layer
- Step 2: Apply Design Judgment Anchors
- Anchor 1: Data Flow — Elm Architecture (Evan Czaplicki)
- Anchor 2: Component Split — Dan Abramov (Presentational vs Container)
- Anchor 3: Rendering Mental Model — Casey Muratori (Handmade Hero)
- Anchor 4: Layout — CSS Flexbox (but simpler and self-contained)
- Anchor 5: Shaders and Animation — Shadertoy community ("everything is math")
- Anchor 6: Cross-Platform — Flutter ("own every pixel")
- Step 3: The Compliance-Liberation Workflow
- Anti-Sycophancy Protocol
- Quality Check: Unpredictable Depth
- Reference: Skill Ecosystem
What does the makepad-2.0-design-judgment skill do?
This is the FIRST skill to load for any Makepad task — it provides design judgment anchors ABOVE the other 13 Makepad 2.0 skills. Triggers on: makepad, makepad app, makepad project, makepad design, live_design!, app_main!, script_mod!, Cx, WidgetRef, Widget, makepad-widgets, makepad architecture, makepad how to, "how should I", "should I use", "what's the best way", makepad 架构, makepad 设计, makepad 怎么做, makepad 最佳实践, 组件拆分, 状态管理, 数据流, 渲染思维
How do I install it?
Run `npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-design-judgment --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.