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

makepad-2.0-events: скилл для событий Makepad 2.0

Скилл makepad-2.0-events помогает агенту разбираться с событиями и действиями в Makepad 2.0: от on_click в Splash до трейта MatchEvent в Rust.

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

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

Makepad 2.0 делит обработку событий на два слоя. В Splash-коде script_mod! обработчики пишут прямо у виджетов: on_click, on_render, on_return, on_startup. Они закрывают простую интерактивность — нажатие кнопки, ввод текста, перерисовку списка. Второй слой — Rust, трейт MatchEvent с методами handle_actions, handle_timer, handle_http_response и другими. Туда уходит бизнес-логика, сеть, всё, что требует полной силы Rust.

Слои связаны двумя макросами. script_eval!(cx, { ... }) выполняет Splash-код из Rust — обновить состояние, вызвать рендер. script_apply_eval!(cx, widget_ref, { ... }) меняет свойства виджета на ходу. Скилл описывает оба макроса и показывает, где какой уместен.

Внутри Splash обработчики используют синтаксис замыканий: || без аргументов, |checked| когда нужно значение. CheckBox передаёт новое состояние, TextInput ловит Enter через on_return. on_render сам не срабатывает — его вызывает ui.widget_name.render(), а свойство new_batch: true очищает предыдущую отрисовку перед новой. Вот на этом чаще всего и спотыкаются.

Rust-часть перечисляет методы трейта по группам: жизненный цикл (handle_startup, handle_shutdown, handle_pause, handle_resume), фокус окна, кадры, действия виджетов, клавиши, таймеры, отрисовка, HTTP-ответы и прогресс, сигналы, аудиоустройства, MIDI-порты, видеовходы. handle_actions по умолчанию проходит по всем действиям и зовёт handle_action для каждого.

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

  • Связать нажатие кнопки с изменением состояния в Splash-коде
  • Перерисовать список после добавления или удаления элемента
  • Поймать Enter в TextInput и отправить форму
  • Развести логику по слоям: Splash для UI, Rust для сети и таймеров
  • Вызвать Splash-код из Rust через script_eval! и обновить свойства виджета

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

  • Добавь обработчик on_click на кнопку добавления задачи и очисти поле ввода после нажатия
  • Сделай так, чтобы список перерисовывался после удаления элемента через on_render
  • Обработай HTTP-ответ в Rust через handle_http_response и обнови интерфейс

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

1Через Skills CLI (Vercel)

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

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

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

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

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

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

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

Выполните npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-events -a claude-code. Файл скилла окажется по пути ~/.claude/skills/makepad-2.0-events/SKILL.md.

Что делает makepad-2.0-events?

Описывает обработку событий и действий в Makepad 2.0: инлайн-обработчики Splash и трейт MatchEvent в Rust, плюс два макроса-моста между слоями.

Чем отличаются слои событий в Makepad 2.0?

Splash-слой держит обработчики прямо у виджетов и годится для простой интерактивности. Rust-слой через MatchEvent берёт на себя бизнес-логику, сеть и таймеры.

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

Всё по теме «Фронтенд и UI» →
pixijs-events pixijs Скилл для работы с указателем, мышью, тачем и колесом в PixiJS v8: режимы eventMode, типы FederatedEvent, всплытие и перехват, hitArea, курсоры, drag через globalpointermove. CX Codex +1 5 900установок pcf-events официальный github Правило подсказывает Copilot, как объявлять и обрабатывать кастомные события в компонентах Power Apps Component Framework. ★ 40 451звёзд репо gws-events официальный googleworkspace Скилл подключает Google Workspace Events к агенту: подписки, операции и потоковые обновления задач. Нужен для работы с событиями через gws. CX Codex +1 31 500установок gws-events-subscribe официальный googleworkspace Скилл запускает подписку на события Google Workspace и отдаёт их потоком NDJSON. Пригодится, когда агенту нужно следить за чатами и другими ресурсами. CX Codex +1 30 800установок inngest-events inngest Помогает проектировать событийные воркфлоу Inngest: имена событий, идемпотентность по id, fan-out и системные события. CX Codex +1 3 800установок vtex-io-events-and-workers vtex Учит агента писать в VTEX IO обработчики событий и воркеры, которые переживают повторную доставку. Пригодится, когда тяжёлую работу пора вынести из HTTP-роутов. CX Codex +1 1 100установок

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

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

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