# Critique Mode

> Критика готового дизайна по чеклисту, конкретно, без «выглядит хорошо». Триггеры: «покритикуй мой дизайн», «design critique».

- Skill: `jhamidun/critique-mode` (Agent Skill)
- Install (CLI): `npx skillmds@latest add jhamidun/critique-mode`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jhamidun/critique-mode/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: JHamidun (https://skillmd.com/u/jhamidun)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/jhamidun/critique-mode

---


# Critique mode

Цель — **полезная критика, а не вежливое одобрение**. Если всё хорошо, скажи это коротко. Если плохо — конкретно, с координатами и предложением.

## Формат ответа

Используй ровно три секции:

### Что работает (3-5 пунктов)
Только то, что действительно хорошо. Не «приятный дизайн» — а «иерархия первого экрана читается с одного взгляда: hero 96px, eyebrow 14px, разница 7×».

### Что не работает (5-10 пунктов)
Каждый пункт:
- **Где** — селектор / название секции / координаты.
- **Что** — конкретная проблема.
- **Почему** — какое правило нарушено.
- **Как** — что сделать.

Пример:
> **Hero CTA («Начать»)** — не отличается от secondary-кнопки рядом. Цвет одинаковый, размер одинаковый. Глаз не понимает, что главное. Сделай primary contained, secondary — ghost, разнеси по weight.

### Что я бы убрал (1-3 пункта)
Самые ценные слова критика. То, без чего макет станет лучше.

## Чеклист, по которому пройти

### Иерархия
- [ ] Видно главное за 1 секунду?
- [ ] У основного заголовка есть >2× разница в размере с соседним текстом?
- [ ] Только один primary-CTA на экран?
- [ ] Eyebrow / metadata визуально подчинён заголовку?

### Ритм
- [ ] Между секциями зазор >2× больше, чем внутри секции?
- [ ] Есть негативное пространство, или всё забито?
- [ ] Группы связанных элементов не разделены лишним?

### Типографика
- [ ] Не больше 2 шрифтов?
- [ ] Шкала кратна 1.25-1.5?
- [ ] Высота строки 1.4-1.6 в теле?
- [ ] Длина строки 50-75 символов?
- [ ] Не центрирован длинный текст?

### Цвет
- [ ] Не больше 5 цветов?
- [ ] Один акцент?
- [ ] Контраст ≥4.5:1 в теле?
- [ ] Серые тонированы в сторону акцента?

### Копирайт
- [ ] Заголовки — обещания, не категории?
- [ ] Кнопки — действия, не существительные?
- [ ] Без слов-паразитов («бесшовный», «инновационный», «легко»)?
- [ ] Числа — без избыточных значащих цифр?

### Иконография
- [ ] Иконки одного семейства / толщины?
- [ ] Иконки не дублируют текст?
- [ ] Нет 12 иконок там, где хватит 4 заголовков?

### Состояния
- [ ] Есть hover/active/focus у интерактивных элементов?
- [ ] Есть пустое / загружающееся / ошибочное состояние?
- [ ] Disabled читается как disabled?

### Доступность
- [ ] Контраст ≥4.5:1?
- [ ] Семантический HTML?
- [ ] Focus visible?
- [ ] Цвет — не единственный сигнал?

### Анти-слоп
- [ ] Без эмодзи в заголовках?
- [ ] Без выдуманных метрик?
- [ ] Без gradient hero без причины?
- [ ] Без «карточек с цветной полоской слева»?
- [ ] Без иконки-галочки рядом с каждым пунктом?

## Тон

- Прямо, без воды и без комплиментов.
- Не «возможно стоило бы рассмотреть». Прямо: «убери».
- Аргументируй каждый пункт правилом, а не «мне кажется».
- Не трогай то, что не относится к делу. «Я бы выбрал другой шрифт» — нет, если шрифт не сломан.

## Что не делать

- ❌ «Выглядит хорошо, но...» — это пассивная агрессия. Хвали или критикуй, не оба.
- ❌ Поэтических метафор. «Воздух дышит» — никому не помогает.
- ❌ Длинных предисловий. Сразу к пунктам.
- ❌ Критики того, чего нет в макете. «А где раздел FAQ?» — может, и не нужен.

## Если критикуешь по скриншоту

Опиши, что видишь, перед тем как критиковать. «На экране: hero с текстом X, под ним 3 карточки фич, ниже CTA-band». Это страховка от того, что ты неправильно прочитал макет.

## После критики

Не предлагай переделку всего сам. Спроси: «Что из этого хочется починить — я могу взять одну-две точки и переделать».