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

makepad-2.0-troubleshooting — скилл для Claude Code

Скилл для разбора типичных ошибок Makepad 2.0 и языка Splash: невидимый интерфейс, пропавший текст, сломанный горячий перезапуск. Пригодится, когда UI собрался, но выглядит не так, как ждёшь.

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

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

Скилл разбирает повторяющиеся грабли Makepad 2.0. Для каждой ошибки даётся три части: что видно на экране, почему так вышло и как переписать код. Список открывают нулевая высота контейнера (интерфейс просто не появляется) и текст, который прячется за фоном.

Внутри разобраны свойства Splash, на которых легко обжечься: := для именованных детей против : для статических, префикс #x для hex-цветов с буквой e, border_radius, которому нужен f32. Отдельно сказано, что именованный ребёнок недостижим, если хоть один контейнер на пути к нему остался безымянным. Именно на этом ломается переопределение свойств в шаблоне: строка Card{title.text: …} молча игнорируется, и остаётся значение по умолчанию.

Скилл опирается на справочники AGENTS.md и splash.md. Правило про height: Fit работает иначе внутри родителя с фиксированной высотой: там height: Fill корректен, потому что высота уже задана.

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

  • найти, почему контейнер схлопнулся в нулевую высоту
  • вернуть текст, пропавший на цветном фоне
  • починить переопределение свойств у именованного ребёнка
  • разобрать ошибку парсинга hex-цвета с буквой e
  • понять, какого типа border_radius ждёт от тебя

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

  • Интерфейс на Makepad не показывается совсем — разбери, где высота ушла в ноль
  • Текст на RoundedView не виден, хотя draw_text.color задан — что не так с батчингом?
  • Переопределяю title.text у шаблона Card, а показывается дефолт. Почему?

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

1Через Skills CLI (Vercel)

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

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

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

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

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

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

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

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

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

Собирает частые ошибки Makepad 2.0 и Splash в разборы по схеме «симптом, причина, исправление», чтобы агент сразу предлагал рабочую правку вместо догадок.

Почему переопределение свойства дочернего виджета не срабатывает?

Скорее всего ребёнок объявлен через :, а не :=. Второй вариант делает его именованным и доступным по пути, но все контейнеры на этом пути тоже должны быть именованными.

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

Все скиллы по теме «Фронтенд и 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установок

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

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

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