Makepad Skills

14 скиллов для Claude Code по Makepad 2.0: DSL, раскладка, виджеты, события, анимации, шейдеры, темы и перенос с 1.x

  • 753 ★ репозитория
  • Последний коммит
Скилл

Минимальный доступ

Почему такой уровень

  • Скиллы состоят из справочных инструкций и сами ничего не запускают, но при копировании в `~/.claude/skills` они становятся доступны во всех ваших проектах
Все причины и проверки

zhanghandong/makepad-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: руны, загрузка данных, структура проекта, удаленные функции, деплой

СкиллМинимальный доступ217Звезды репозитория

145 плагинов-скиллов для Claude Code и Codex: Cloudflare, React, Tailwind, Nuxt, API, безопасность, тесты, ставятся по одному

ПлагинРасширенный доступ248Звезды репозитория

35 скиллов для Cursor, Claude и Codex: дизайн-системы из HTML и макетов, генерация картинок, допрос по плану и передача контекста.

СкиллРасширенный доступ324Звезды репозитория

Дизайн-система в виде промптов для Codex, Cursor и Claude Code: каталоги стилей, раскладки, блоки и свои правила интерфейса.

СкиллРасширенный доступ230Звезды репозитория

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

СкиллМинимальный доступ3,6 тыс.Звезды репозитория

Сборник скиллов Claude Code по копирайтингу, рекламе, SEO и дизайну интерфейсов: Ogilvy, редактура, правила и CSS-приемы.

СкиллМинимальный доступ469Звезды репозитория

Коротко о 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 |

Сообщить о проблеме