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

makepad-2.0-design-judgment — скилл для Claude Code: что делает

Базовый скилл для архитектуры Makepad 2.0: разделяет вопросы синтаксиса и дизайна, задаёт якоря для потока данных, компонентной структуры и рендеринга.

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

Что делает makepad-2.0-design-judgment

Работает как маршрутизатор и набор концептуальных якорей. Синтаксические вопросы (DSL, виджеты, события) отправляет к 13 специализированным скиллам Makepad, а архитектурные решения направляет через шесть якорей: Elm-поток данных с подъёмом состояния, презентационные и контейнерные компоненты по Абрамову, GPU-рендеринг без DOM, самодостаточные стили без каскада, шейдеры SDF вместо CSS, кросс-платформенный рендеринг без нативных контролов.

Требует npx и Node.js для установки. Состояние в Makepad централизовано: MatchEvent::handle_actions — это update из Elm, попапы и меню должны принадлежать общему предку, а не вложены внутрь триггера. Это точка входа для любой задачи Makepad, но без других скиллов репозитория синтаксис останется неизвестен.

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

  • Направить вопрос о синтаксисе live_design! к скиллу makepad-2.0-dsl
  • Поднять разбросанное состояние к общему предку по правилу Elm
  • Разделить виджет с бизнес-логикой и рендерингом на презентационный и контейнерный
  • Переключиться с DOM-мышления на модель GPU-фрейма
  • Объяснить, почему попап не должен быть дочерним виджетом триггера

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

  • Какой скилл загрузить для работы с виджетами Makepad?
  • Где держать состояние для меню, которое должно перекрывать весь экран?
  • Как разделить компонент, который и рендерит UI, и обрабатывает события?

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

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/makepad-2.0-design-judgment/SKILL.md

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

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

Вопросы о makepad-2.0-design-judgment

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

Выполни npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-design-judgment -a claude-code, скилл встанет в ~/.claude/skills/makepad-2.0-design-judgment/SKILL.md.

Что делает makepad-2.0-design-judgment?

Это точка входа для Makepad 2.0: маршрутизирует синтаксические вопросы к 13 специализированным скиллам и задаёт шесть концептуальных якорей для архитектурных решений — Elm-поток, разделение компонентов, GPU-рендеринг, самодостаточные стили, SDF-шейдеры, кросс-платформенность.

Зачем нужны концептуальные якоря в этом скилле?

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

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

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

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

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-app-structure Помогает собрать каркас приложения на Makepad 2.0: Rust-часть, Splash-разметка, обработка событий и запуск с горячей перезагрузкой. CX Codex +1 ★ 751звёзд репо makepad-2.0-animation Скилл учит ассистента настраивать анимации в Makepad 2.0: от ховеров кнопок до зацикленных спиннеров. Пригодится при вёрстке интерфейсов на фреймворке Makepad. CX Codex +1 ★ 751звёзд репо

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

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