educlopez/ui-craft

Что это?

Ключевые возможности

• 01Правила дизайна и рекомендации по качеству интерфейсов помогают AI-агентам выстраивать иерархию, сдержанно использовать анимацию и учитывать токены конкретного проекта.
• 02Slash-команды для создания, критики, доработки и анимации отдельных частей интерфейса.
• 03Именные рецепты для дашбордов, лендингов и экранов авторизации с критериями приёмки перед релизом.
• 04Установщик для Claude Code, Cursor, Codex, Gemini и OpenCode с резервным копированием и откатом.
• 05Сканер без зависимостей с 43 правилами для выявления антипаттернов, проблем доступности и ошибок в текстах; работает в CI и git hooks.

Сценарии использования

• Поручить AI-агенту с первой попытки создать дашборд или маркетинговую страницу, готовые для продакшена.
• Перед слиянием проверить существующий фронтенд на шаблонные AI-паттерны и проблемы доступности.
• Добавить в CI проверку, которая блокирует pull request, только если в нём появились новые антипаттерны интерфейса.
• Согласовать дизайн-решения между сессиями с помощью сохранённого брифа и токенов дизайна.

Быстрый старт

1. 1

   Установите ui-craft CLI с помощью Homebrew (macOS)

   brew install --cask educlopez/tap/ui-craft
2. 2

   Запустите официальный скрипт установки для вашей ОС из README (macOS/Linux или Windows)

3. 3

   Определите свою AI-среду для программирования и настройте skill, commands и gates

   ui-craft install
4. 4

   Попросите агента создать surface с помощью команды craft

Что важно знать

• !Сборка для macOS на Intel опубликована, но никогда не тестировалась.
• !Бинарные файлы для Linux arm64 и Windows arm64 собраны, но не проверяются в CI.

В подборках

Темы

Частые вопросы

Что такое ui-craft?

Навык для AI-агентов и CLI, которые помогают создавать качественные интерфейсы вместо шаблонных UI с типичным «AI-стилем». UI Craft — система проектирования интерфейсов для AI-агентов, пишущих код. Она объединяет набор строгих правил дизайна, slash-команды для создания, проверки и доработки экранов, а также детерминированные проверки распространённых шаблонов в AI-сгенерированных интерфейсах — например, фиолетовых градиентов, bounce easing и одинаковых сеток карточек. Система не зависит от стека и адаптируется к Tailwind, CSS Modules, styled-components, vanilla CSS и стилям в однофайловых компонентах.

ui-craft можно использовать бесплатно? Какая у него лицензия?

ui-craft распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

ui-craft всё ещё поддерживается?

Активно поддерживается. Последний коммит в ui-craft — 6 нояб. 2026 г..

Для чего можно использовать ui-craft?

Поручить AI-агенту с первой попытки создать дашборд или маркетинговую страницу, готовые для продакшена. Перед слиянием проверить существующий фронтенд на шаблонные AI-паттерны и проблемы доступности. Добавить в CI проверку, которая блокирует pull request, только если в нём появились новые антипаттерны интерфейса. Согласовать дизайн-решения между сессиями с помощью сохранённого брифа и токенов дизайна.

Как установить ui-craft?

Установите ui-craft CLI с помощью Homebrew (macOS): brew install --cask educlopez/tap/ui-craft Запустите официальный скрипт установки для вашей ОС из README (macOS/Linux или Windows) Определите свою AI-среду для программирования и настройте skill, commands и gates: ui-craft install Попросите агента создать surface с помощью команды craft

Где скачать ui-craft?

Исходный код и инструкции по установке — на GitHub: https://github.com/educlopez/ui-craft