makepad-2.0-widgets — скилл для Claude Code: каталог виджетов Makepad
Подсказывает агенту, какие виджеты есть в Makepad 2.0 и как их правильно писать в Splash. Пригодится, когда верстаешь интерфейс и не помнишь свойства.
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -a claude-codeЧто делает makepad-2.0-widgets
Скилл держит под рукой каталог встроенных виджетов Makepad 2.0: контейнеры, текст, кнопки, переключатели, слайдеры, списки, модальные окна и док-систему. Все они описаны в синтаксисе Splash и регистрируются через script_mod!. Внутри два справочника: ./references/widget-catalog.md с полным списком и свойствами и ./references/widget-advanced.md с продвинутыми шаблонами вроде PortalList, Dock, MapView и своих виджетов. Перед ответом агент обязан прочитать нужный файл и опираться на него.
Отдельный блок — правила, на которых легко ошибиться. Контейнеру нужен height: Fit, иначе содержимое схлопывается в ноль. Цветному контейнеру с текстом нужен new_batch: true, иначе текст уедет под фон. У Label цвет по умолчанию белый, а аниматор он не поддерживает — оборачивай в View. MapView требует фиксированной высоты. Это повод проверить разметку, если элемент внезапно не виден.
Есть готовые шаблоны карточки, поля формы и прокручиваемого списка — можно взять как отправную точку. Скилл ставится в Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode, для каждого свой путь к SKILL.md. Исходный текст обрезан, так что полный набор примеров смотри в самом репозитории.
Какие задачи решает
- вспомнить точное имя виджета для вертикальной прокрутки
- написать карточку с фоном и скруглением без ошибок в свойствах
- разобраться, почему текст пропал под фоном контейнера
- выбрать между
PortalListиFlatListдля длинного списка - собрать модальное окно или док-панель в Makepad
Примеры запросов агенту
- Покажи каталог виджетов Makepad 2.0 и их свойства
- Как сделать прокручиваемый список в Makepad через PortalList?
- Почему Label не виден внутри RoundedView с цветным фоном?
Как установить makepad-2.0-widgets
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -a claude-code2Вручную: положить файлы
~/.claude/skills/makepad-2.0-widgets/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/makepad-2.0-widgets/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -a codex2Вручную: положить файлы
.agents/skills/makepad-2.0-widgets/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -a cursor2Вручную: положить файлы
.cursor/skills/makepad-2.0-widgets/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ZhangHanDong/makepad-skills makepad-2.0-widgets2Вручную: положить файлы
.github/skills/makepad-2.0-widgets/SKILL.md1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -a gemini-cli2Командой платформы
gemini skills install https://github.com/ZhangHanDong/makepad-skills --path skills/makepad-2.0-widgetsВручную: положить файлы
.devin/skills/makepad-2.0-widgets/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора2
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о makepad-2.0-widgets
Как установить makepad-2.0-widgets в Claude?
Выполни npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -a claude-code. Файл скилла окажется по пути ~/.claude/skills/makepad-2.0-widgets/SKILL.md.
Что делает makepad-2.0-widgets?
Даёт агенту справочник по виджетам Makepad 2.0 и правилам их использования в Splash, чтобы он не выдумывал свойства и имена.
Какие платформы поддерживаются?
Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для GitHub Copilot команда установки другая: gh skill install ZhangHanDong/makepad-skills makepad-2.0-widgets.
