Makepad Skills
14 скиллов для Claude Code по Makepad 2.0: DSL, раскладка, виджеты, события, анимации, шейдеры, темы и перенос с 1.x
- 753 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скиллы состоят из справочных инструкций и сами ничего не запускают, но при копировании в `~/.claude/skills` они становятся доступны во всех ваших проектах
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/makepad-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят из справочных инструкций и сами ничего не запускают, но при копировании в `~/.claude/skills` они становятся доступны во всех ваших проектах
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор из 14 скиллов учит агента писать кроссплатформенные интерфейсы на Rust с фреймворком Makepad 2.0. Каждый скилл покрывает отдельную тему и вызывается по ключевым словам: структура приложения и `app_main!`, синтаксис DSL и `script_mod!`, система раскладки Flow, Fill и Fit, каталог виджетов, обработка событий и действий, аниматор с состояниями, шейдеры на Sdf2d, язык Splash, темы с темным и светлым режимом, векторная графика, оптимизация, разбор типичных ошибок и миграция с 1.x. Входной скилл `makepad-2.0-design-judgment` загружается первым. Он направляет запрос к нужным профильным скиллам и дает опорные идеи для решений без единственного верного ответа: архитектура в стиле Elm, разделение на презентационные и контейнерные компоненты, модель отрисовки на GPU. Остальные 13 скиллов служат справочником синтаксиса и API, у каждого есть папка `references` с подробными таблицами и примерами. Скиллы лежат в каталоге `skills` и подключаются тремя способами: как дополнительный рабочий каталог, ссылками или копированием в `~/.claude/skills`.
Для кого. Для Rust-разработчиков, которые пишут настольные, мобильные и веб-интерфейсы на Makepad 2.0 вместе с Claude Code и хотят, чтобы агент знал синтаксис DSL и API виджетов.
Подходит, если
- Вы начинаете проект на Makepad 2.0, и агенту нужно знать структуру приложения, настройку Cargo и горячую перезагрузку
- Верстаете экран с `PortalList`, `Dock` или `TextInput` и хотите, чтобы агент брал виджеты из каталога и не выдумывал своих
- Нужен собственный фон кнопки или карточки на шейдере с `draw_bg` и `Sdf2d`
- Старый проект на Makepad 1.x переносится на 2.0 по руководству по миграции
- Агент должен принять архитектурное решение: разделить компоненты, спланировать поток данных, выбрать способ хранения состояния
Не подходит, если
- Проект остался на Makepad 1.x: скиллы описывают только 2.0, а материалы для 1.x лежат в архивной ветке
- Интерфейс пишется на другом фреймворке, например Tauri, egui или Slint: синтаксис и правила не совпадают
- Нужен общий курс по Rust: скиллы предполагают, что язык вам знаком
- Задача касается серверной части без графического интерфейса
Пример запроса к агенту
Сверстай на Makepad 2.0 экран входа с двумя полями и кнопкой, фон кнопки сделай градиентом на шейдере.Ограничения
Скиллы покрывают только Makepad 2.0. Последнее обновление репозитория — 7 апреля 2026 года, поэтому свежих изменений API фреймворка в справочниках может не быть, и спорные места стоит сверять с исходниками Makepad.
Отдельной команды установки нет, скиллы подключаются вручную: копированием, ссылками или как дополнительный рабочий каталог. Манифест плагина в репозитории есть, но адрес автора в нем служебный, а метаданные описывают старую версию набора про Makepad, Robius и MolyKit. Лицензию MIT автор указал в описании, GitHub ее не определил.
Как отключить. Уберите каталог с набором из `additionalWorkingDirectories` в `.claude/settings.json`. Если скиллы скопированы или связаны, удалите папки `makepad-2.0-*` из `~/.claude/skills`.
Частые вопросы
Как установить makepad-skills в Claude Code?
Склонируйте репозиторий и выполните `cp -r skills/* ~/.claude/skills/`. Можно также добавить каталог репозитория в `additionalWorkingDirectories` в `.claude/settings.json` или связать папки скиллов командой `ln -sf`.
Сколько скиллов в makepad-skills и какой загружать первым?
Скиллов 14. Первым загружайте `makepad-2.0-design-judgment`: он выбирает, какие из остальных 13 нужны для задачи, и задает опорные идеи для архитектурных решений.
Подходят ли эти скиллы для Makepad 1.x?
Нет. Основная ветка описывает Makepad 2.0, а скиллы для 1.x, включая Robius и MolyKit, перенесены в ветку `v1/makepad-1.0`.
Что умеют скиллы по шейдерам Makepad?
Скилл `makepad-2.0-shaders` описывает систему шейдеров, свойство `draw_bg`, функции пикселя и вершины, `DrawQuad` и рисование форм через `Sdf2d`. Справочники лежат в его папке `references`.
Работают ли эти скиллы в Cursor и Codex?
Скорее всего да: набор состоит из обычных каталогов с `SKILL.md`, которые читают и другие агенты. Автор настраивал его под Claude Code, поэтому пути в инструкции по установке придется заменить на каталог скиллов вашего агента.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыНабор скиллов для Claude Code по Svelte 5 и SvelteKit: руны, загрузка данных, структура проекта, удаленные функции, деплой
145 плагинов-скиллов для Claude Code и Codex: Cloudflare, React, Tailwind, Nuxt, API, безопасность, тесты, ставятся по одному
35 скиллов для Cursor, Claude и Codex: дизайн-системы из HTML и макетов, генерация картинок, допрос по плану и передача контекста.
Дизайн-система в виде промптов для Codex, Cursor и Claude Code: каталоги стилей, раскладки, блоки и свои правила интерфейса.
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Сборник скиллов Claude Code по копирайтингу, рекламе, SEO и дизайну интерфейсов: Ogilvy, редактура, правила и CSS-приемы.
Коротко о README
Описание коротко перечисляет 14 скиллов таблицей с пояснением к каждому и три способа подключения. Источником знаний автор называет репозиторий самого фреймворка.
Бейдж для README
Исходный SKILL.md
--- name: makepad-2.0-design-judgment description: | CRITICAL: Entry-level skill for Makepad 2.0 GUI development. This is the FIRST skill to load for any Makepad task — it provides design judgment anchors ABOVE the other 13 Makepad 2.0 skills. Triggers on: makepad, makepad app, makepad project, makepad design, live_design!, app_main!, script_mod!, Cx, WidgetRef, Widget, makepad-widgets, makepad architecture, makepad how to, "how should I", "should I use", "what's the best way", makepad 架构, makepad 设计, makepad 怎么做, makepad 最佳实践, 组件拆分, 状态管理, 数据流, 渲染思维 --- # Makepad 2.0 Design Judgment Skill > **Role:** Entry-level routing + design judgment anchors for Makepad 2.0 development. > **Relationship to other skills:** This skill is the **liberation layer** (释放层). > The other 13 Makepad 2.0 skills are the **compliance layer** (服从层) — they provide > DSL syntax, API patterns, widget catalogs. Don't argue with them. Obey them. > This skill provides **conceptual anchors** for design decisions that have no single > correct answer. ## How This Skill Works This skill operates as a **quality valve** (质量阀门), simultaneously performing two functions: - **Constraint** (约束): Route to the correct compliance-layer skill for syntax/API questions - **Liberation** (释放): Activate the right conceptual anchors for design judgment questions **Key principle:** Conceptual anchors set **boundary conditions** for emergence. They don't instruct the model what to output — they shape the space in which good output emerges. Rules tell you "don't do X". Anchors tell you "think like Y". --- ## Step 1: Route to Compliance Layer For any Makepad question, FIRST identify which compliance skill(s) to co-load: | Question Domain | Co-load Skill | |----------------|---------------| | App setup, Cargo.toml, hot reload, `app_main!` | makepad-2.0-app-structure | | DSL syntax, `script_mod!`, property system | makepad-2.0-dsl | | Width, height, Flow, Fill, Fit, spacing | makepad-2.0-layout | | Widget catalog, View, Button, Label, PortalList | makepad-2.0-widgets | | Events, actions, `on_click`, `handle_event` | makepad-2.0-events | | Animator, hover, pressed, state transitions | makepad-2.0-animation | | `draw_bg`, Sdf2d, pixel fn, GPU shaders | makepad-2.0-shaders | | Splash scripting, `script_mod!`, hot reload | makepad-2.0-splash |