AIKraft/Skills/impeccable

impeccable

Инструмент для проектирования и улучшения фронтенд-интерфейсов: сайтов, дашбордов, компонентов. Включает 20+ команд (craft, critique, polish, animate) для UX-аудита, верстки, анимации и адаптации под бренд. Не подходит для бэкенда.

pbakaus official Дизайн ★ 76.2k

Что делает навык

Инструмент для проектирования и улучшения фронтенд-интерфейсов (сайты, дашборды, компоненты) с фокусом на production-grade код, креативность и строгие UX-стандарты. Включает 20+ команд для верстки, анимации, аудита и адаптации под бренд, исключая бэкенд.

Когда применять

  • Создание новых поверхностей интерфейса (лендинги, дашборды) с нуля.
  • Глубокая рефакторинг и улучшение существующих компонентов (типографика, цвета, доступность).
  • Анимация и визуальное обогащение интерфейсов (animate, colorize, typeset).
  • Аудит и исправление дефектов верстки и UX (critique, audit, polish).

Как работает

  1. Запустить скрипт <skill-base-dir>/scripts/impeccable context (или .cmd на Windows) один раз за сессию, указав --target <path> для загрузки контекста проекта.
  2. Определить задачу: использовать таблицу команд из запроса или reference/new-work.md для новых поверхностей.
  3. Прочитать reference/craft-floor.md непосредственно перед любыми правками UI, чтобы избежать запрещенных паттернов (glassmorphism, градиентный текст и др.).
  4. Выполнить итерации в ограниченных проходах: собрать, проверить (скриншоты, дефекты), исправить всё за один раз и подтвердить результат.
  5. При недоступности лаунчера прочитать PRODUCT.md и DESIGN.md напрямую, не изобретая контекст, и продолжить работу.

Примеры запросов агенту

Создай лендинг для финтех-стартапа, используя bold-дизайн и анимацию.
Проведи аудит доступности и контрастности текущей страницы дашборда.
Улучши типографику и цветовую палитру компонента карточки товара.

Что понадобится

  • Доступ к файлам проекта: PRODUCT.md, DESIGN.md, surface brief.
  • Скрипт запуска <skill-base-dir>/scripts/impeccable (бинарник или .cmd для Windows).
  • Окружение с возможностью запуска команд в директории проекта (cwd).

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «pbakaus-impeccable» из репозитория: # https://github.com/pbakaus/impeccable
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r pbakaus-impeccable/ ~/.claude/skills/pbakaus-impeccable/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.