Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
makepad-reference
0
0
# Install this skill:
npx skills add SageV1/makepad-skills --skill "makepad-reference"
Install specific skill from multi-skill repository
# Description
|
# SKILL.md
name: makepad-reference
description: |
CRITICAL: Use for Makepad troubleshooting and reference. Triggers on:
troubleshoot, error, debug, fix, problem, issue,
no matching field, parse error, widget not found, UI not updating,
code quality, refactor, responsive layout, adaptive,
api docs, reference, documentation,
ๆ
้ๆ้ค, ้่ฏฏ, ่ฐ่ฏ, ้ฎ้ข, ไฟฎๅค
Makepad Reference
This category provides reference materials for debugging, code quality, and advanced layout patterns.
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 (ends in e) |
Change last digit (e.g., #14141e โ #14141f) |
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 +nightly run
// Add logging
log!("Value: {:?}", my_value);
log!("State: {} / {}", self.counter, self.is_loading);
Resources
- Makepad Official Docs - Obsidian-based documentation
- Makepad Repository
- Robrix - Production reference
- Moly - Production reference
# Related Skills
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support...
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and...
Guide for implementing oRPC contract-first API patterns in Dify frontend. Triggers when creating...
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.