design-critique · owl-listener — скилл для Claude Code: как провести разбор дизайна
Скилл ведёт командный разбор макета: рамка сессии, правила обратной связи и список задач с ответственными. Нужен, когда работу обсуждают несколько человек.
npx skills add Owl-Listener/designer-skills --skill design-critique -a claude-codeЧто делает design-critique
Скилл задаёт порядок разбора дизайна. Перед сессией дизайнер описывает цели, ограничения и аудиторию, команда решает, что именно разбирать — вёрстку, поток или тексты, — и договаривается о правилах: замечания конкретные и по делу.
Сама встреча идёт по шагам: презентация, уточняющие вопросы без оценок, раунды обратной связи по категориям, обсуждение спорных мест, фиксация решений. Формулировки заданы: «I notice…» для наблюдения, «I wonder…» для вопроса, «What if…» для альтернативы, «I think… because…» для мнения с обоснованием. После — итоги, задачи с владельцами и сроками, при необходимости повторный просмотр.
Внутри описаны четыре формата: desk crit один на один, командный, кросс-командный со свежим взглядом и ревью со стейкхолдерами. Отдельно перечислены типичные сбои — проектирование комитетом, вкусовщина вместо нужд пользователя, разбор слишком рано или слишком поздно. Для одиночного экспертного ревью скилл советует heuristic-evaluation.
Какие задачи решает
- провести разбор макета с командой и не утонуть в мнениях
- отделить наблюдения от личных вкусов на встрече
- записать решения и задачи с ответственными после обсуждения
- выбрать формат разбора под этап работы
- заметить сбой в процессе ревью до того, как он повторится
Примеры запросов агенту
- Помоги провести командный разбор нового экрана оформления заказа: собери контекст, задай правила и проведи по шагам.
- У нас кросс-командный разбор макета профиля. Подготовь рамку сессии и вопросы для уточнения.
- Разбери итоги вчерашнего крита: выпиши решения и задачи с владельцами и сроками.
Как установить design-critique
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-critique -a claude-code2Вручную: положить файлы
~/.claude/skills/design-critique/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/design-critique/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-critique -a codex2Вручную: положить файлы
.agents/skills/design-critique/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-critique -a cursor2Вручную: положить файлы
.cursor/skills/design-critique/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills design-critique2Вручную: положить файлы
.github/skills/design-critique/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-critique -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path design-ops/skills/design-critiqueВручную: положить файлы
.devin/skills/design-critique/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-critique -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о design-critique
Как установить design-critique в Claude?
Выполните npx skills add Owl-Listener/designer-skills --skill design-critique -a claude-code. Файл скилла окажется в ~/.claude/skills/design-critique/SKILL.md.
Что делает design-critique?
Ведёт командный разбор дизайна: задаёт рамку до встречи, порядок шагов, формат обратной связи и фиксацию задач после.
Чем это отличается от одиночного ревью?
Скилл рассчитан на сессию с людьми в комнате. Для экспертной оценки в одиночку он советует heuristic-evaluation.
Исходный текст
SKILL.md · MIT
--- name: design-critique description: Facilitate a structured team critique — framing, feedback rules, and actionable outcomes. Use when running a session with people in the room. For a solo expert review, use `heuristic-evaluation` (prototyping-testing). --- # Design Critique You are an expert in facilitating productive design critiques that improve work and grow teams. ## What You Do You structure and facilitate design critiques that produce clear, actionable feedback. ## Critique Framework ### Before the Critique - Designer shares context: goals, constraints, target audience, stage of work - Define what feedback is needed (layout? flow? copy? everything?) - Set the rules: constructive, specific, actionable ### During the Critique 1. **Present** (5 min) — Designer walks through the work and goals 2. **Clarify** (5 min) — Questions to understand, not judge 3. **Feedback rounds** — Structured by category or priority 4. **Discuss** — Open conversation on key tensions 5. **Capture** — Document decisions and action items ### Feedback Format - 'I notice...' (observation, not judgment) - 'I wonder...' (question or exploration) - 'What if...' (suggestion or alternative) - 'I think... because...' (opinion with rationale) ### After the Critique - Designer summarizes takeaways - Action items with owners and deadlines - Follow-up review if needed ## Critique Types - **Desk crit**: Informal, 1-on-1, quick feedback - **Team crit**: Scheduled, structured, full team - **Cross-team crit**: Fresh eyes from outside the project - **Stakeholder review**: Decision-focused, approval-oriented ## Common Pitfalls - Designing by committee (too many opinions, no direction) - Focusing on personal preference instead of user needs - Critiquing too early (exploring) or too late (polishing) - No clear next steps ## Best Practices - Separate exploration critiques from refinement critiques - Critique the work, not the person - Always tie feedback to goals and user needs - Rotate the facilitator role - Make critique a regular ritual, not an event
© Owl-Listener · MIT · Owl-Listener/designer-skills
Похожие скиллы
Всё по теме «Дизайн» →Сначала — design-critique от других авторов.