Repolode
pbakaus

pbakaus/impeccable

Рекомендации по дизайну для AI-агентов, включая дизайн-навык, 24 команды, итерации в браузере и 61 детерминированное правило проверки AI-сгенерированных интерфейсов.

Звёзды
83,060
Форки
5,022
Открытые issues
48
Последний коммит
6 часов назад

Что это?

Impeccable — это дизайн-навык и набор инструментов для AI-агентов, работающих с кодом, таких как Claude Code, Cursor, Codex CLI и Gemini CLI. Он дает агенту общий словарь дизайн-терминов и команды вроде polish, audit, critique, distill и animate. На этапе init в PRODUCT.md записывается контекст продукта, чтобы последующие команды учитывали аудиторию и ограничения.

В проект также входят отдельный CLI и расширение для браузера: они проверяют HTML, каталоги с исходным кодом или страницы по URL с помощью 61 детерминированного правила — без LLM и API-ключа. Правила выявляют типичные паттерны AI-сгенерированных интерфейсов: чрезмерное использование шрифтов, фиолетовые градиенты, вложенные карточки и анимацию с эффектом отскока. Кроме того, они находят и общие проблемы, например слишком маленькие области нажатия и пропущенные заголовки.

В поддерживаемых средах устанавливаемый hook запускает проверку после прямого изменения файлов интерфейса и передает результаты агенту. В live-режиме можно дорабатывать элементы страницы в браузере, используя локальный dev-сервер или статический HTML.

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

  • 01Команда /impeccable init записывает контекст продукта в PRODUCT.md.
  • 0224 команды для критики, аудита, доработки, работы с компоновкой, типографикой, анимацией и многого другого.
  • 0361 детерминированное правило проверки, доступное через CLI, расширение для браузера или hook агента.
  • 04Live-режим в браузере для работы с элементами на локальном dev-сервере или в статическом HTML.
  • 05Установщик поддерживает множество AI-инструментов для работы с кодом, в том числе Cursor, Claude Code, Codex CLI и Gemini CLI.

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

  • Повышение визуального качества интерфейсов, сгенерированных AI-агентом для работы с кодом.
  • Проверка существующей веб-страницы на проблемы с доступностью, адаптивностью и компоновкой перед выпуском.
  • Запуск проверки в CI для HTML или JSX, чтобы выявлять типичные шаблонные паттерны AI-дизайна.
  • Проверка сайта в production на антипаттерны дизайна без изменений исходного кода.

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

  1. 1

    Установите skill в проект из корневой папки проекта

    npx impeccable install
  2. 2

    В инструменте для программирования с ИИ выполните команду первоначальной настройки

    /impeccable init

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

  • Для установщика npx требуется Node.js, но варианты ручной установки и установки через Git работают без него.
  • В некоторых средах перед запуском хуков дизайна требуются дополнительные действия, например подтверждение хуков или настройка доверия.

Темы

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

Что такое impeccable?
Рекомендации по дизайну для AI-агентов, включая дизайн-навык, 24 команды, итерации в браузере и 61 детерминированное правило проверки AI-сгенерированных интерфейсов. Impeccable — это дизайн-навык и набор инструментов для AI-агентов, работающих с кодом, таких как Claude Code, Cursor, Codex CLI и Gemini CLI. Он дает агенту общий словарь дизайн-терминов и команды вроде polish, audit, critique, distill и animate. На этапе init в PRODUCT.md записывается контекст продукта, чтобы последующие команды учитывали аудиторию и ограничения.
impeccable можно использовать бесплатно? Какая у него лицензия?
impeccable распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
impeccable всё ещё поддерживается?
Активно поддерживается. Последний коммит в impeccable — 19 окт. 2026 г..
Для чего можно использовать impeccable?
Повышение визуального качества интерфейсов, сгенерированных AI-агентом для работы с кодом. Проверка существующей веб-страницы на проблемы с доступностью, адаптивностью и компоновкой перед выпуском. Запуск проверки в CI для HTML или JSX, чтобы выявлять типичные шаблонные паттерны AI-дизайна. Проверка сайта в production на антипаттерны дизайна без изменений исходного кода.
Как установить impeccable?
Установите skill в проект из корневой папки проекта: npx impeccable install В инструменте для программирования с ИИ выполните команду первоначальной настройки: /impeccable init
Где скачать impeccable?
Исходный код и инструкции по установке — на GitHub: https://github.com/pbakaus/impeccable

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.

99,1 тыс.6,7 тыс.JavaScriptMITОбновлён 16 часов назад

Постоянная память для AI-агентов-разработчиков: автоматически сохраняет сессии и подбирает полезный контекст для следующих сессий в Claude Code, Cursor, Codex и других MCP-клиентах.

29,7 тыс.2,6 тыс.TypeScriptApache-2.0Обновлён 16 часов назад