Комплект инструкций и проверок превращает Claude в старшего дизайн-архитектора. Он генерирует токены и компоненты в соответствии с WCAG 2.2, поддерживает любые фреймворки и опирается на библиотеку из 138 дизайн-систем. Для полной работы браузерных проверок требуется Playwright.
Комплект превращает Claude и другие ИИ-агенты в старших дизайн-архитекторов, способных создавать интерфейсы на основе строгих объективных критериев. Он рассчитан на проектирование от атомарных компонентов до целых экранов, автоматическую проверку качества и согласованности с дизайн-системой без участия человека.
Сценарии использования
- Генерация токенов, компонентов и страниц в любом фреймворке (React, Vue, SwiftUI, Flutter и др.) по единым правилам.
- Аудит доступности и дизайна по WCAG 2.2 AA/AAA с ранжированием обнаруженных проблем.
- Прототипирование и исследование — от карт пользовательских путей до сценариев юзабилити‑тестирования.
- UX‑письмо с системой голоса и тона, паттернами микрокопии и инклюзивными правилами.
- Контроль «вкуса» — предотвращение шаблонных решений благодаря библиотеке из 138 дизайн‑систем и встроенной доктрине.
Составляющие и особенности
Набор не содержит исполняемого кода, зависимостей или среды выполнения — это чистый слой знаний, правил и скриптов контроля. В его основе лежат:
- 52 объективных гейта, измеряющих отрендеренный результат, — контрастность, размер целей, адаптивность, отсутствие эмодзи, именованные состояния и намерения кнопок. 34 гейта открывают реальный браузер (требуется Playwright), остальные анализируют исходный код и токены.
- Трёхуровневая архитектура токенов DTCG: примитивы → семантика → компоненты. Компоненты строятся по атомарному дизайну с фиксацией анатомии, вариантов, состояний и привязкой к токенам.
- Адаптерный протокол для генерации кода под любой стек — от React+Tailwind до Jetpack Compose. Возможно создание нового адаптера по запросу.
- Кросс‑системная совместимость: ролевая карта для маппинга на Material 3, Apple HIG, Fluent, Carbon, shadcn/ui и другие.
- Механизмы запуска: 14 навыков модель вызывает автоматически (токены, компоненты, код, аудит, панель данных и др.), ещё 11 требуют явного вызова пользователем (график, миграция дизайн‑системы, критика, «приготовься к допросу» и другие).
- Слепые тесты показали, что агент на холодном старте, используя только инструкции комплекта, проходит 14 из 14 гейтов. Отдельный агент‑критик выявляет проблемы, не фиксируемые метриками, — пустые состояния, неработающие интерактивные элементы, ложные нотификации.
Для кого
Разработчики, желающие получать от ИИ-агента интерфейсы, соответствующие дизайн‑требованиям. Дизайнеры, стремящиеся формализовать правила системы. Команды, которым нужна проверяемая база для сквозного качества UI.
Известные ограничения
- Для полной проверки (34 браузерных гейта) требуются установленные Playwright и Chrome; без них эти гейты сообщают о пропуске, а не об успехе.
- Критик работает на уровне суждений старшего дизайнера, но не заменяет ручного тестирования или пользовательских исследований.
- Все правила являются инструкциями — их соблюдение зависит от способности модели им следовать. В средах, где CLAUDE.md не читается автоматически (например, некоторые редакторы с AGENTS.md), часть правил носит рекомендательный характер.
Отзывы
Отзывов пока нет.