makepad-2.0-splash — скилл для Claude Code: что делает и как ставить
Подсказывает агенту синтаксис скриптового языка Splash для Makepad 2.0. Помогает писать UI-компоненты внутри Rust, настраивать реактивный рендеринг и избегать багов вёрстки.
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -a claude-codeЧто делает makepad-2.0-splash
Скилл объясняет ассистенту правила скриптового языка Splash, встроенного в Rust-фреймворк Makepad 2.0. Splash заменяет старую систему live_design! на рантайм-макрос script_mod!. В синтаксисе нет точек с запятой и запятых между свойствами, значения присваиваются через двоеточие, а для слияния блоков служит оператор +:. Доступны циклы for, ветвления if/else, HTTP-запросы и разбор HTML через селекторы.
Скрипты связываются с логикой Rust через макрос script_eval! и структуру mod.state. Splash поддерживает пошаговый парсинг на чекпоинтах, что позволяет обрабатывать код потоком прямо во время генерации. Горячая перезагрузка отслеживает блоки через ключ ScriptModKey. Добавление или удаление плейсхолдеров вида #(...) ломает горячую замену и требует полной пересборки проекта.
В правилах вёрстки есть строгие ловушки. Контейнерам обязательно нужен параметр height: Fit, иначе высота станет нулевой и компонент исчезнет с экрана. Для именования дочерних элементов используется оператор :=, а скругление draw_bg.border_radius принимает исключительно дробные числа с точкой.
Какие задачи решает
- собрать интерфейс на языке Splash внутри макроса
script_mod! - настроить реактивное обновление состояния через
mod.stateиon_render - связать логику Splash с Rust-структурами с помощью
script_eval! - избежать схлопывания высоты контейнеров в 0px
Примеры запросов агенту
- Напиши окно со счётчиком на Splash для Makepad 2.0
- Сделай вьюпорт списка задач с реактивным
on_renderвscript_mod! - Как вызвать обновление Splash-интерфейса из Rust через
script_eval!?
Как установить makepad-2.0-splash
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -a claude-code2Вручную: положить файлы
~/.claude/skills/makepad-2.0-splash/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/makepad-2.0-splash/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -a codex2Вручную: положить файлы
.agents/skills/makepad-2.0-splash/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -a cursor2Вручную: положить файлы
.cursor/skills/makepad-2.0-splash/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ZhangHanDong/makepad-skills makepad-2.0-splash2Вручную: положить файлы
.github/skills/makepad-2.0-splash/SKILL.md1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -a gemini-cli2Командой платформы
gemini skills install https://github.com/ZhangHanDong/makepad-skills --path skills/makepad-2.0-splashВручную: положить файлы
.devin/skills/makepad-2.0-splash/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о makepad-2.0-splash
Как установить makepad-2.0-splash в Claude Code?
Выполните в терминале команду npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -a claude-code. Файлы скилла сохранятся в конфигурации проекта.
Что делает makepad-2.0-splash?
Он передаёт ИИ правила синтаксиса и вёрстки скриптового движка Splash для Rust-фреймворка Makepad 2.0. Ассистент узнаёт синтаксис script_mod!, работу с состоянием и сетевой стек.
Почему интерфейс в Splash становится невидимым?
Контейнерам необходимо явно задавать height: Fit. Если оставить поведение по умолчанию height: Fill, вёрстка сожмётся до нулевой высоты.
