# flows-design-review

Прогоняет проверки по репозиторию и предлагает черновые оценки 1–5 по десяти вопросам качества дизайна, а вы их подтверждаете или правите.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1100 установок · ★ 6
- Автор: cognitedata
- Лицензия: Apache-2.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/cognitedata/builder-skills/tree/HEAD/skills/flows-design-review/SKILL.md
- Обновлён: 2026-10-20
- HTML: https://affpapa.org/nevibecode/skills/flows-design-review

## Что делает

Скилл закрывает третий шаг сертификации Flows-приложений: идёт после `flows-code-review` и до `flows-external-app-submit`. Сначала он молча читает `App-Brief.md`, `package.json` и последний отчёт код-ревью, потом ищет в `src/**/*.{ts,tsx,css}` жёстко прописанные цвета, значения в `px` и `rem` вне токенов Aura, обработчики `onClick` на элементах без `role` и `tabIndex`, иконки без `aria-label` и картинки без `alt`. Результаты показываются как свидетельства, а не как приговор.

Дальше по каждому вопросу Q1–Q10 агент запускает grep, линтер и сборку, выставляет черновую оценку и объясняет, какие проверки к ней привели. Через `AskQuestion` вы выбираете одно из трёх: принять балл, поставить свой или поставить свой с пометкой. Ориентир для запуска — средний балл 3.8 и выше.

Один шаг автоматизировать нельзя. Нужно самому открыть приложение под нужным пользователем в чистой сессии браузера, пройти каждую задачу от начала до конца и записать, где вы застряли или ошиблись. Без этого подтверждения скилл не переходит к оценкам, а пишет заглушку с пометкой, что обход задач пропущен. Итог уходит в `reviews/design-review/feedback-round-<N>/design-review-report.md` со средним баллом и списком правок по приоритету.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cognitedata/builder-skills --skill flows-design-review -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/flows-design-review/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/flows-design-review/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cognitedata/builder-skills --skill flows-design-review -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/flows-design-review/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cognitedata/builder-skills --skill flows-design-review -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/flows-design-review/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install cognitedata/builder-skills flows-design-review
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/flows-design-review/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cognitedata/builder-skills --skill flows-design-review -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/cognitedata/builder-skills --path skills/flows-design-review
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/flows-design-review/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add cognitedata/builder-skills --skill flows-design-review -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/cognitedata/builder-skills/tree/HEAD/skills/flows-design-review/SKILL.md

## Когда брать
- получить черновые оценки дизайна до ручного разбора
- найти жёстко прописанные цвета и размеры вне токенов Aura
- отловить иконки без `aria-label` и картинки без `alt`
- собрать отчёт с приоритетами правок перед отправкой приложения
- зафиксировать обход задач пользователем в структурированном виде

## Примеры запросов агенту
- Прогони проверку дизайна Flows-приложения по десяти вопросам качества
- Оцени дизайн и предложи черновые баллы, я подтвержу каждый
- Сделай отчёт design review с приоритетным списком правок

## Похожие
- [plan-design-review](https://affpapa.org/nevibecode/skills/garrytan-plan-design-review.md) — скилл · 476 установок
- [design-review](https://affpapa.org/nevibecode/skills/design-review.md) — скилл · 5800 установок
- [ui-design-review](https://affpapa.org/nevibecode/skills/ui-design-review.md) — скилл · 1100 установок
- [review-design-parity](https://affpapa.org/nevibecode/commands/review-design-parity.md) — команда · ★ 7604
- [composition-design-review](https://affpapa.org/nevibecode/skills/composition-design-review.md) — скилл · ★ 329
- [steve-jobs-design-review](https://affpapa.org/nevibecode/skills/steve-jobs-design-review.md) — скилл · 3300 установок

Из того же набора: [cognitedata/builder-skills](https://affpapa.org/nevibecode/by/cognitedata/builder-skills.md) — 24 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md