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

makepad-2.0-app-structure — скилл для Claude Code: структура

Помогает собрать каркас приложения на Makepad 2.0: Rust-часть, Splash-разметка, обработка событий и запуск с горячей перезагрузкой.

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

Что делает makepad-2.0-app-structure

Скилл описывает, как устроено приложение на Makepad 2.0 и как связать Rust с языком разметки Splash. Внутри — минимальный шаблон: Cargo.toml, точка входа через app_main!(App), блок script_mod! с описанием интерфейса и структура App с атрибутами Script и ScriptHook. Отдельные разделы посвящены порядку регистрации модулей в App::run, обработке действий через MatchEvent и раздаче событий в AppMain.

Есть и обратная сторона: как из Rust менять состояние Splash-скрипта через script_eval! и подправлять свойства виджетов через script_apply_eval!, а из разметки — вызывать обработчики вроде on_click и on_render. Доступ к виджетам идёт по идентификаторам: кнопки, метки, поля ввода, вложенные пути вида container.inner.title.

Скилл ссылается на два локальных файла с подробностями — ./references/app-boilerplate.md и ./references/rust-splash-integration.md. Если их не прочитать, ответы строятся на шаблонах из SKILL.md, и в этом случае порядок регистрации модулей легко перепутать: он критичен, потому что виджеты должны быть зарегистрированы до сборки приложения из скриптового модуля. Запуск идёт через cargo run -p my-app, для горячей перезагрузки добавляется флаг --hot, а изменения в Splash применяются без перекомпиляции.

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

  • собрать каркас нового приложения на Makepad 2.0
  • связать Rust-код с разметкой на Splash
  • поймать клик по кнопке и обновить состояние
  • запустить приложение с горячей перезагрузкой
  • разобраться с порядком регистрации виджетов и темы

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

  • Покажи минимальный шаблон приложения на Makepad 2.0 с Cargo.toml и app_main!
  • Как в Makepad 2.0 обработать нажатие кнопки и обновить счётчик через script_eval!?
  • Объясни порядок регистрации модулей в App::run и зачем нужен MatchEvent

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

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/makepad-2.0-app-structure/SKILL.md

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

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

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

Похожие

tauri-app-planning full-stack-skills Скилл ведёт от расплывчатого ТЗ к плану реализации приложения на Tauri 2.0: разбирает требования, подбирает плагины и рисует архитектуру. CX Codex +1 484установок add-app-to-server modelcontextprotocol Скилл добавляет интерактивный HTML-интерфейс к инструментам уже работающего MCP-сервера. Пригодится, когда инструмент возвращает таблицу, график или PDF и текстом это читать неудобно. CX Codex +1 1 200установок bun-hot-reloading secondsky Скилл подсказывает агенту, как настроить горячую перезагрузку в Bun: режимы --watch и --hot, HMR и перезапуск HTTP-сервера. CX Codex +1 395установок Mobile App Design Standards awesome-skills Скилл подсказывает агенту правила вёрстки мобильных экранов: нативные паттерны iOS и Android, доступность, размеры тач-зон. CX Codex +1 906установок ce-polish EveryInc Доводит рабочую фичу через фидбек в браузере: ты говоришь, что хочешь исправить, скилл правит код, hot reload показывает результат. CX Codex +1 1 100установок project-structure codewithmukesh Скилл задаёт агенту правила раскладки .NET-решения: центральные версии пакетов, общие свойства сборки, формат .slnx и именование проектов. CX Codex +1 2 800установок

Рядом в теме «Фронтенд и UI»

Всё по теме «Фронтенд и UI» →

Вопросы о makepad-2.0-app-structure

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

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

Что делает makepad-2.0-app-structure?

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

Что нужно, чтобы скилл отвечал точно?

Скилл требует сначала прочитать файлы ./references/app-boilerplate.md и ./references/rust-splash-integration.md. Если чтение не удалось, ответы строятся на шаблонах из SKILL.md.

Смотрите также

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

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