dembrandt-skills
45 скиллов по корпоративному UX для агентов: палитры, типографика, формы, доступность WCAG и проверка интерфейса на удобство.
- 192 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы состоят из текстовых рекомендаций. Два скилла читают живые сайты через MCP-сервер Dembrandt.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/dembrandt-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят из текстовых рекомендаций. Два скилла читают живые сайты через MCP-сервер Dembrandt.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
dembrandt-skills вкладывает в агента дизайнерское суждение: когда модальное окно лучше заменить панелью, почему выбранный серый не проходит контраст, как задать шкалу шрифтов. Скиллы грузятся только по запросу, поэтому установка всех сразу не раздувает контекст. Например, «Review this interface for usability issues» запускает `nielsen-usability-heuristics`, а «Does this pass WCAG 2.2 AA?» запускает `wcag-accessibility`. Набор разбит на группы: бренд и визуальный язык, токены и шкалы, раскладка и структура, компоненты и взаимодействие, принципы UX. 43 из 45 скиллов работают сразу после установки, два читают живые сайты и требуют движок Dembrandt, который подключается как MCP-сервер.
Для кого. Разработчикам и дизайнерам, которые поручают агенту интерфейсы и хотят, чтобы он учитывал контраст, состояния кнопок и структуру навигации.
Подходит, если
- Из одного цвета бренда нужно собрать полную палитру интерфейса с состояниями.
- Размеры шрифтов в проекте случайны, и нужна модульная шкала.
- Кнопки, поля и бейджи выглядят как три разных продукта.
- Многошаговый онбординг для B2B-сервиса надо спроектировать с нуля.
- Экран проверяют на доступность по WCAG 2.2 AA перед релизом.
Не подходит, если
- Нужен один короткий скилл с узкой темой: здесь 45 скиллов, хотя грузятся они по запросу.
- Нужно считывать токены с живого сайта без установки движка Dembrandt.
- Требуется готовая библиотека компонентов, а не рекомендации.
Пример запроса к агенту
Проверь этот интерфейс на проблемы с удобством и скажи, где он не проходит контраст по WCAG 2.2 AA.Ограничения
Скиллы дают рекомендации, а не готовый код компонентов. Установка копирует файлы, обновляются они командой `npx skills update`. Скиллы `extract-design` и `generate-ui-from-brand` работают только с движком Dembrandt, а ему нужен браузер: перед первым извлечением выполняется `npx dembrandt install-browser`. Плагин для Claude Code ставит скиллы и регистрирует MCP-сервер сразу. Набор рассчитан на корпоративные B2B-интерфейсы, и часть правил, например про плотные рабочие экраны, для лендингов не подходит.
Как отключить. Для плагина Claude Code выполните `/plugin uninstall dembrandt@dembrandt`. Скиллы, установленные через `npx skills`, удаляются из папки скиллов агента.
Частые вопросы
Как поставить dembrandt-skills?
Выполните `npx skills add dembrandt/dembrandt-skills --all`. Флаг `--global` ставит скиллы для всех проектов, а `npx skills update` обновляет копии.
Нужны ли все 45 скиллов сразу?
Можно поставить все: они грузятся в контекст только когда запрос подходит под описание, поэтому `--all` ничего не стоит.
Что нужно для extract-design?
Движок Dembrandt как MCP-сервер и браузер. Выполните `npx dembrandt install-browser` один раз до первого извлечения.
С какими агентами работает?
С Claude Code, Cursor, Codex, GitHub Copilot и любым агентом, который читает формат Open Agent Skills.
Как поставить на Claude Code плагином?
Выполните `/plugin marketplace add dembrandt/dembrandt-skills` и `/plugin install dembrandt@dembrandt`. Плагин ставит скиллы и регистрирует MCP-сервер сразу.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса
Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Скилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Коротко о README
Репозиторий подает набор как корпоративный UX-опыт, упакованный для агентов. Таблицы показывают, какой запрос какой скилл загружает, и делят 45 скиллов на пять тематических групп.
Бейдж для README
Исходный SKILL.md
---
name: dembrandt
description: Orchestrator that routes a UI/UX task through brand, tokens, layout, components, polish and accessibility. Use for multi-concern work such as a design review, UI build or interface audit.
metadata:
priority: 10
authors:
- name: VictorGjn
url: https://github.com/VictorGjn
note: original concept and pipeline design
docs:
- "https://dembrandt.com"
- "https://www.npmjs.com/package/dembrandt"
promptSignals:
phrases:
- "design review"
- "build ui"
- "audit interface"
- "from brand to ui"
- "full ux review"
- "ui audit"
- "review my ui"
- "review this interface"
- "design audit"
- "ux audit"
retrieval:
aliases:
- dembrandt pipeline
- full ux pipeline
- ui design orchestrator
- end-to-end design review
intents:
- run a full UX review across multiple design concerns
- orchestrate brand-to-UI design pipeline
- audit an interface end to end
- run all design checks in order
examples:
- review my checkout flow
- audit this interface
- do a full design review
- build a UI from scratch following best practices