makepad-reference – Other skill for AI agents
Guide to diagnosing Makepad build, widget, redraw and layout issues against the exact runtime revision.
Install the makepad-reference skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-reference-68443.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /makepad-reference – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-reference-68443.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $makepad-reference – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-reference-68443.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /makepad-reference – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-reference-68443.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /makepad-reference – then describe the task you want done.
SKILL.md content
Makepad Reference
This category provides reference materials for debugging, code quality, and advanced layout patterns.
When to Use
- You need quick-reference material for common Makepad errors, debugging, or API lookups.
- The task is diagnostic or reference-oriented rather than writing a focused feature in one subsystem.
- You want a central starting point before diving into more specialized Makepad skills.
Quick Navigation
| Topic | File | Use When |
|-------|------|----------|
| API Documentation | Official docs index, quick API reference | Finding detailed API info |
| Troubleshooting | Common errors and fixes | Build fails, runtime errors |
| Code Quality | Makepad-aware refactoring | Simplifying code safely |
| Adaptive Layout | Desktop/mobile responsive | Cross-platform layouts |
Common Issues Quick Reference
| Error | Quick Fix |
|-------|-----------|
| no matching field: font | Use text_style: <THEME_FONT_*>{} |
| Color parse error | Check the installed live-design parser syntax; changing a valid hex color is not a general fix |
| set_text missing argument | Add cx as first argument |
| UI not updating | Call redraw(cx) after changes |
| Widget not found | Check ID spelling, use ids!() for paths |
Debug Tips
# Run with line info for better error messages
MAKEPAD=lines cargo run # Use the project-pinned toolchain; verify this diagnostic flag for its revision// Add logging
log!("Value: {:?}", my_value);
log!("State: {} / {}", self.counter, self.is_loading);Resources
- [Makepad Official Docs](https://publish.obsidian.md/makepad-docs/) - Obsidian-based documentation
- [Makepad Repository](https://github.com/makepad/makepad)
- [Robrix](https://github.com/project-robius/robrix) - Production reference
- [Moly](https://github.com/moxin-org/moly) - Production reference
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
The navigation table names topics, not bundled reference files. Verify exact Makepad API signatures and the project toolchain before changing code; preserve private values in logs, and test widget updates, input and target layouts rather than assuming a redraw call fixes every issue.
Related skills
- makepad-shaders – CRITICAL: Use for Makepad shader system. Triggers on: makepad shader, makepad draw_bg…
- makepad-splash – CRITICAL: Use for Makepad Splash scripting language. Triggers on: splash language…
- markstream-angular – Integrate the alpha markstream-angular renderer into Angular 20+ applications with…
- mathguard – Math-heavy escalation for n >= 10^6 — Bloom, HyperLogLog, Count-Min, MinHash/LSH, FFT…
- mdm-device-management – Manage and secure company devices with MDM solutions
- meeting-distiller-pro – Transform messy meeting notes and transcripts into structured action items, decisions…
- mental-health-analyzer – 分析心理健康数据、识别心理模式、评估心理健康状况、提供个性化心理健康建议。支持与睡眠、运动、营养等其他健康数据的关联分析。
- mentorship-program – Mentorship register: mentor and mentee pair, department, focus area, mentee goal…