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

makepad-2.0-performance — скилл для Claude Code: отладка Makepad

Скилл для оптимизации и отладки Makepad 2.0: разбирает батчинг отрисовки, сборку мусора Splash VM и кэширование текстур.

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

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

Скилл объясняет три подсистемы Makepad 2.0, от которых зависит производительность: батчинг draw-вызовов, mark-and-sweep сборщик мусора в Splash VM и триггеры перерисовки через on_render / .render(). Внутри разобраны таблицы, когда нужен new_batch: true, и почему текст пропадает за фоном.

Отдельные разделы посвящены texture_caching: true и готовым виджетам CachedView и CachedRoundedView. Скилл перечисляет случаи, где кэш уместен, а где только съест память GPU: анимации и живые данные кэшировать не стоит.

Про сборщик мусора сказано, что он разложен по изолированным кучам для объектов, массивов, строк, подов, хендлов и регулярок. Скилл подключается к агенту как обычный набор инструкций, отдельной программы запускать не нужно.

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

  • найти, почему текст исчезает за фоном во вложенном View
  • разобраться, когда ставить new_batch: true
  • убрать подвисания интерфейса при прокрутке списка
  • решить, что кэшировать текстурой, а что нет
  • понять, как устроена сборка мусора в Splash VM

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

  • Текст в RoundedView не виден — проверь, нужен ли new_batch: true.
  • Список на PortalList дёргается при скролле, помоги найти причину.
  • Стоит ли включать texture_caching для боковой панели?

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

1Через Skills CLI (Vercel)

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

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

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

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

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

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

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

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

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

Помогает агенту разбирать проблемы производительности и отрисовки в Makepad 2.0: батчинг, кэширование текстур, сборку мусора и порядок draw-вызовов.

Чем new_batch отличается от texture_caching?

new_batch: true создаёт ViewOptimize::DrawList и задаёт порядок отрисовки внутри поддерева. texture_caching: true рендерит поддерево в отдельную текстуру, и если оба свойства стоят вместе, приоритет у кэширования.

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

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

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

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

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