Войти
AI Skills
FRONTENDPOLISH community

Impeccable

by Paul Bakaus

Роль в графе: POLISH — финальная доводка качества

Репозиторий / источник

ЧТО ДЕЛАЕТ

Расширяет Frontend Design командами вроде polish, audit, critique; разделяет brand vs product mode; ловит типовые anti-patterns (вложенные карточки, серый текст на цвете, дефолтные шрифты).

КОГДА ИСПОЛЬЗОВАТЬ

  • Финальный polish перед коммитом
  • Когда UI уже есть, но «чуть-чуть AI»
  • Нужен общий язык с агентом: quieter / bolder / distill
  • Landing (brand) или app UI (product) — разные режимы

INSTALL

# skills CLI
npx skills add pbakaus/impeccable

# Рекомендуется: заведите DESIGN.md / PRODUCT.md в корне проекта
# с палитрой, шрифтами и tone of voice — Impeccable читает ваши правила

PROMPT / INSTRUCTION

Подключи Impeccable. Режим: [brand | product].

Контекст: читай DESIGN.md (если есть).
Экран: [путь]
Команда: /impeccable polish
(альтернативы: audit → normalize → polish)

Не меняй продуктовую логику. Только визуальная доводка и антипаттерны.
Соблюдай токены и правила из DESIGN.md / дизайн-системы — не подменяй палитру «на вкус Skill».
После правок кратко перечисли, что изменил.

КАК ПРАВИЛЬНО ПИСАТЬ

ПЛОХО

Сделай impeccable

ХОРОШО

Режим product. /impeccable audit по dashboard layout, затем /impeccable polish. Сохрани наши токены из DESIGN.md. Не трогай API-слой.

Почему: Нужны режим, команда и граница scope. Иначе Skill утащит маркетинг в админку.
ПЛОХО

Полируй всё подряд

ХОРОШО

Только компонент PricingTable. Quieter: меньше теней и бордеров. Bolder — только на primary CTA. Цвета только из токенов.

Почему: Команды Impeccable работают как рычаги — называйте их явно и держите систему.

EXAMPLES · BEFORE → AFTER

BEFORE

После генерации: карточки в карточках, плоский type scale, слабый CTA.

AFTER

Антипаттерны сняты, иерархия и контраст выровнены, character сохранён.

РЕЗУЛЬТАТ

UI выглядит «собранным»: меньше AI-шума, больше дисциплины craft.

ОГРАНИЧЕНИЯ

  • Тяжелее по контексту, чем один frontend-design
  • Без DESIGN.md может навязать чужой вкус — зафиксируйте свой
  • Не заменяет продуктовые решения и копирайт

СОВМЕСТИМОСТЬ

Claude CodeCursorCodexGemini CLI

RELATED SKILLS

Frontend Design taste-skill Web Design Guidelines

ДИЗАЙН-СИСТЕМА

Skill усиливает агента. Токены и DESIGN.md задают язык продукта — не ломайте их ради «вкуса Skill».

Гайд по дизайн-системе →Шаблон DESIGN.md →

STACK · RECIPE

Входит в Premium Landing Stack. Практический порядок — Recipe «Создать качественный SaaS-интерфейс».

Открыть Recipe на хабе →