---
name: impeccable-design-skill
description: "Скилл Impeccable (pbakaus) для дизайн-аудита фронтенда — 23 команды, детектор по URL без LLM; установлен глобально + скопирован на mini"
metadata: 
  node_type: memory
  type: reference
  originSessionId: b11e39bd-4f6f-47c9-ba7b-680ccf041a5b
  modified: 2026-08-06T09:12:37.587Z
---

**Impeccable** (`github.com/pbakaus/impeccable`, Apache 2.0, бесплатный) — установлен глобально на MacBook (`~/.claude/skills/impeccable/`) и скопирован по SSH на mini (скачивание с mini падает по ETIMEDOUT — сеть ограничена, ставить только копированием с ноута).

Ключевое, чего нет у нашего [[taste_skill]]:
- **Детерминированный детектор без LLM**: `npx impeccable detect <файл|папка|URL>` — 59 правил. **Работает по живому URL** — можно аудитить прод без локальной копии.
- `/impeccable critique` — протокол требует **двух изолированных субагентов**: A (дизайн-ревью, незаякоренное суждение) и B (детектор+браузерные замеры). Инлайн-прогон = degraded, требует явного баннера в отчёте.
- Снапшоты критики пишутся в `<проект>/.impeccable/critique/` — переживают компакт, `/impeccable polish` подхватывает оттуда.
- `context.mjs` запускать из корня проекта; без `PRODUCT.md` узкие команды (critique/audit/polish) работают, а `shape`/новые поверхности требуют `init`.

**Детектор врёт на русском** (проверено): `em-dash-overuse` ложное (тире — нормативная пунктуация РЯ), `ai-color-palette` «Cyan» ложное на мятном `#5FD6A6`, `line-length` завышает (97 при реальных 84 — не учитывает метрики кириллицы). Находки надо перепроверять, а не чинить списком.

**Осторожно со сравнением цифр детектора:** скан по URL (нужен `puppeteer`, на mini и ноуте его НЕТ) и скан по папке дают разные числа — сопоставлять их нельзя. Первые замеры «vakhunter 144 / codoceh.ru 37 / mexunt 31 / avtero 20» — URL-режим. Скан исходников после правок (2026-08-06): codoceh.ru 3, остальные по 2, и все три оставшихся — осознанный стиль (градиентный текст, точечная сетка).

Детектор ловит и **свои же комментарии**: строка `/* ...вместо animate-bounce */` считается использованием `animate-bounce`. Не писать имя анти-паттерна в комментарии рядом с его заменой.

Полезнее детектора оказались собственные замеры по живой странице (контраст обеих тем, тап-цели <24px, скрытый без JS текст) — см. [[wcag_contrast_over_video]]. Скрипты сессии: `/tmp/verify_any.py`, `/tmp/hero2.py` на mini.

Метод-источник: видео Никиты Велса «Полный гайд по дизайну сайтов в Claude Code» (5 авг 2026) — 3 шага: референсы (Pinterest/Dribbble/Awwwards/Godly) → дизайн-система → скиллы (Impeccable + [[taste_skill]]) → большой промпт + Autopilot (наш [[autoceh_orchestrator]]).
