makepad-2.0-dsl — скилл для Claude Code: что делает и как установить
Скилл помогает писать интерфейсы на Makepad 2.0: переводит синтаксис на макрос script_mod!, операторы слияния и правила связывания с кодом на Rust.
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -a claude-codeЧто делает makepad-2.0-dsl
Makepad 2.0 перешёл со старого макроса live_design! на рантайм-макрос script_mod!, основанный на скриптовом языке Splash. Этот скилл держит все новые соглашения: двоеточие вместо знака равенства, отсутствие запятых между свойствами и оператор := для объявления именованных виджетов. Такие виджеты попадают в вектор и вызываются из кода на Rust через id!.
В инструкциях расписана механика частичного изменения свойств. Оператор +: и точечные пути меняют конкретные поля вроде цвета, не затирая исходные рамки или эффекты наведения. Для привязки к Rust структурам требуется поле #[source] source: ScriptObjectRef. Очерёдность инициализации критична: если зарегистрировать модуль интерфейса раньше используемых в нём виджетов, рантайм завершится ошибкой.
Какие задачи решает
- Перевести разметку интерфейса с
live_design!на макросscript_mod! - Обновить отдельные стили через
+:без сброса базовых параметров виджета - Объявить именованные элементы через
:=для обращения через макросids!в Rust - Выстроить правильный порядок регистрации модулей и виджетов в функции запуска
Примеры запросов агенту
- Перепиши старый блок интерфейса Makepad 1.x на макрос script_mod! для Makepad 2.0
- Покажи, как изменить цвет кнопки через оператор +: без перезаписи остальных свойств
- Напиши объявление структуры виджета на Rust с дерайвом Script и обязательным полем source
Как установить makepad-2.0-dsl
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -a claude-code2Вручную: положить файлы
~/.claude/skills/makepad-2.0-dsl/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/makepad-2.0-dsl/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -a codex2Вручную: положить файлы
.agents/skills/makepad-2.0-dsl/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -a cursor2Вручную: положить файлы
.cursor/skills/makepad-2.0-dsl/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ZhangHanDong/makepad-skills makepad-2.0-dsl2Вручную: положить файлы
.github/skills/makepad-2.0-dsl/SKILL.md1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -a gemini-cli2Командой платформы
gemini skills install https://github.com/ZhangHanDong/makepad-skills --path skills/makepad-2.0-dslВручную: положить файлы
.devin/skills/makepad-2.0-dsl/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о makepad-2.0-dsl
Как установить makepad-2.0-dsl в Claude Code?
Запустите команду npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -a claude-code либо сохраните файл навыка по пути ~/.claude/skills/makepad-2.0-dsl/SKILL.md.
Что делает скилл makepad-2.0-dsl?
Он задаёт контекст синтаксиса Makepad 2.0: правила назначения свойств, операторы слияния, локальные шаблоны let и регистрацию структур в виртуальной машине Splash.
Чем отличается оператор : от +: в свойствах виджета?
Обычное двоеточие полностью перезаписывает объект, удаляя все неописанные настройки по умолчанию. Оператор +: выполняет слияние и обновляет только указанные поля.
