К основному содержанию
скилл CX Codex

makepad-2.0-migration — скилл для Claude Code: установка

Скилл помогает переписать Rust-интерфейсы на фреймворке Makepad с версии 1.x на 2.0. Пригодится при адаптации старого синтаксиса DSL к скриптовому движку.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-migration -a claude-code
Открыть на GitHub

Что делает makepad-2.0-migration

В Makepad 2.0 архитектура меняется кардинально: статическая компиляция DSL уступает место рантайм-скриптам. Скилл инструктирует ИИ-агента заменять устаревший макрос live_design! на script_mod!, а также обновлять макросы derive с Live и LiveHook на Script и ScriptHook. Заодно он правит вызовы регистрации виджетов, перенося логику в App::run с передачей виртуальной машины ScriptVm.

В разметке скилл убирает угловые скобки у компонентов и заменяет знаки равенства на двоеточия. Запятые между свойствами он тоже вычищает. Для констант стилей меняется префикс на пространство имён theme.*, а обновление состояния в рантайме переводится с apply_over! на script_apply_eval!. Без обязательного указания height: Fit контейнеры схлопываются в ноль пикселей, поэтому скилл следит за высотой блоков.

Какие задачи решает

  • переписать макрос live_design! на script_mod!
  • заменить трейты Live и LiveHook на Script и ScriptHook
  • убрать угловые скобки и лишние запятые из разметки виджетов
  • перевести рантайм-обновления с apply_over! на script_apply_eval!
  • исправить нулевую высоту контейнеров добавлением height: Fit

Примеры запросов агенту

  • Переведи компонент кнопки в src/button.rs с синтаксиса Makepad 1.x на Makepad 2.0
  • Обнови макрос live_design! на script_mod! и поправь хуки жизненного цикла
  • Найди все старые вызовы apply_over! и перепиши их через script_apply_eval!

Как установить makepad-2.0-migration

1Через Skills CLI (Vercel)

npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-migration -a claude-code

2Вручную: положить файлы

~/.claude/skills/makepad-2.0-migration/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/makepad-2.0-migration/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о makepad-2.0-migration

Как установить makepad-2.0-migration в Claude Code?

Выполните в терминале команду npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-migration -a claude-code.

Что делает этот скилл?

Он даёт агенту правила обновления кодовой базы Makepad с версии 1.x на 2.0. Это охватывает замену макросов DSL, обновление методов ScriptHook и синтаксис свойств виджетов.

Почему контейнеры после переноса могут исчезнуть с экрана?

В Makepad 2.0 высота контейнеров по умолчанию равна 0 пикселей вместо автоматического размера. Если явно не прописать height: Fit, блок останется невидимым.

Похожие скиллы

Все скиллы по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора14

makepad-2.0-theme Скилл для работы с темой Makepad 2.0: переменные theme.*, переключение тёмного и светлого режимов, цвета, шрифты и отступы в Splash. CX Codex +1 ★ 751звёзд репо makepad-2.0-splash Подсказывает агенту синтаксис скриптового языка Splash для Makepad 2.0. Помогает писать UI-компоненты внутри Rust, настраивать реактивный рендеринг и избегать багов вёрстки. CX Codex +1 ★ 751звёзд репо makepad-2.0-shaders Скилл помогает писать шейдеры для Makepad 2.0: от SDF-фигур и эффектов до переопределения отрисовки виджетов. Пригодится, когда агент работает с GPU-кодом Makepad. CX Codex +1 ★ 751звёзд репо makepad-2.0-performance Скилл для оптимизации и отладки Makepad 2.0: разбирает батчинг отрисовки, сборку мусора Splash VM и кэширование текстур. CX Codex +1 ★ 751звёзд репо makepad-2.0-layout Скилл помогает агенту задавать размеры виджетов и располагать их в интерфейсах Makepad 2.0. Пригодится, когда нужно сверстать экран или разобраться, почему контейнер не виден. CX Codex +1 ★ 751звёзд репо makepad-2.0-events Скилл makepad-2.0-events помогает агенту разбираться с событиями и действиями в Makepad 2.0: от on_click в Splash до трейта MatchEvent в Rust. CX Codex +1 ★ 751звёзд репо makepad-2.0-dsl Скилл помогает писать интерфейсы на Makepad 2.0: переводит синтаксис на макрос script_mod!, операторы слияния и правила связывания с кодом на Rust. CX Codex +1 ★ 751звёзд репо makepad-2.0-design-judgment Базовый скилл для архитектуры Makepad 2.0: разделяет вопросы синтаксиса и дизайна, задаёт якоря для потока данных, компонентной структуры и рендеринга. CX Codex +1 ★ 751звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой