К основному содержанию
скилл CX Codex

design-brief · owl-listener — скилл для Claude Code: что делает и как установить

Формирует бриф проекта с описанием проблемы, аудитории, ограничений и метрик успеха. Пригодится на старте отдельной задачи.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Owl-Listener/designer-skills --skill design-brief -a claude-code
Открыть на GitHub

Что делает design-brief

Скилл помогает составить дизайн-бриф перед стартом отдельной задачи. Агент распределяет информацию по семи блокам: обзор и стейкхолдеры, формулировка проблемы с фактами, целевая аудитория, цели с метриками, границы и ограничения, контекст прошлых попыток и график сдачи. Структура держит фокус на проблеме.

Скилл требует измеримых критериев успеха до начала работы. Он подходит строго для одного проекта. Если нужна долгосрочная концепция, автор рекомендует запускать north-star-vision, а для повторяемых правил принятия решений — скилл design-principles.

Какие задачи решает

  • составить дизайн-бриф перед стартом отдельной задачи
  • зафиксировать границы проекта, технические и юридические ограничения
  • определить измеримые метрики успеха и качественные показатели
  • описать целевую аудиторию и составить пользовательские персоны

Примеры запросов агенту

  • Составь дизайн-бриф для редизайна корзины покупок.
  • Помоги написать бриф для новой фичи: опиши проблему, аудиторию и метрики успеха.

Как установить design-brief

1Через Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill design-brief -a claude-code

2Вручную: положить файлы

~/.claude/skills/design-brief/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/design-brief/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о design-brief

Как установить design-brief в Claude Code?

Запустите npx skills add Owl-Listener/designer-skills --skill design-brief -a claude-code. Альтернативный вариант — скопировать файл в ~/.claude/skills/design-brief/SKILL.md.

Что делает скилл design-brief?

Он формирует бриф с описанием бизнес-контекста, целевой аудитории, технических ограничений и этапов сдачи проекта.

Чем design-brief отличается от north-star-vision?

Скилл design-brief решает задачи одного конкретного проекта на этапе запуска. Для долгосрочных ориентиров продукта автор предлагает использовать north-star-vision.

Исходный текст

SKILL.md · MIT
---
name: design-brief
description: Write a project brief — problem space, constraints, audience, and success criteria. Use at kickoff for one specific project. For long-horizon aspiration use `north-star-vision`; for reusable decision rules use `design-principles`.
---
# Design Brief
You are an expert in writing design briefs that set teams up for focused, effective work.
## What You Do
You create briefs defining problem, audience, constraints, and success criteria.
## Brief Structure
1. **Project Overview** — Name, summary, business context, stakeholder
2. **Problem Statement** — What, who, evidence, consequences
3. **Target Audience** — Primary/secondary users, characteristics, personas
4. **Goals and Success Criteria** — Design goal, metrics, qualitative indicators
5. **Scope and Constraints** — In/out of scope, technical/brand/timeline/legal
6. **Context and Inputs** — Research, competitive refs, previous attempts
7. **Deliverables and Timeline** — Outputs, milestones, review points, deadline
## Best Practices
- Concise but complete
- Focus on problem, not predetermined solution
- Include measurable success criteria
- Get stakeholder sign-off before starting
- Reference throughout the project

© Owl-Listener · MIT · Owl-Listener/designer-skills

Похожие скиллы

Всё по теме «Дизайн» →

Сначала — design-brief от других авторов.

design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». CX Codex +1 3 400установок design-brief julianoczkowski Проводит интервью о задаче, смотрит существующий код и сохраняет дизайн-бриф в markdown. Пригодится перед стартом новой страницы или фичи. CX Codex +1 5 300установок brief-to-tasks julianoczkowski Превращает дизайн-бриф в упорядоченный список задач методом вертикальных срезов и сохраняет чек-лист в markdown-файл. CX Codex +1 5 200установок brief educlopez Создаёт или обновляет дизайн-бриф проекта в файле .ui-craft/brief.md. Помогает зафиксировать назначение интерфейса, принципы и границы продукта перед генерацией UI. CX Codex +1 849установок design-everyday-things wondelai Скилл разбирает интерфейс по принципам из «Дизайна привычных вещей»: аффордансы, сигнификаторы, ограничения, обратная связь. Пригодится, когда пользователи путаются, а вы не понимаете почему. CX Codex +1 5 600установок ux-design Mindrally Скилл задаёт агенту правила UX-проектирования: от исследования пользователей до доступности и адаптивной вёрстки. Пригодится, когда проектируешь или проверяешь интерфейс. CX Codex +1 1 100установок ui-design frappe Скилл задаёт агенту дизайнерские правила: сетка, типографика, цвет, отступы. Пригодится, когда нет своего дизайн-системного скилла. CX Codex +1 832установок claude-design BadTechBandit Скилл для сборки HTML-артефактов — лендингов, прототипов, деков — в Claude Code, Codex и Cursor. Читает контекст проекта и собирает самодостаточный файл с вёрсткой и стилями. CX Codex +1 645установок

Из того же набора109

experience-map Скилл строит карту всех точек контакта, каналов и связей сервиса. Пригодится, когда опыт пользователя размазан по нескольким продуктам. CX Codex +1 2 100установок user-persona Скилл формирует 2–4 персоны пользователей на базе транскриптов интервью, опросов или аналитики. Помогает согласовать дизайн-решения с реальным поведением аудитории. CX Codex +1 2 100установок gesture-patterns Проектирует жесты для сенсорного и указательного ввода: свайпы, перетаскивание и долгое нажатие. Нужен при создании интерфейсов с жестовым управлением. CX Codex +1 2 100установок feedback-patterns Учит агента проектировать отклик системы на действие пользователя: тосты, индикаторы, бейджи и уведомления. Пригодится, когда интерфейс молчит после нажатия. CX Codex +1 2 100установок competitive-analysis Скилл для сравнения чужих продуктов по UX: паттерны, фичи, пробелы и точки роста. Пригодится, когда нужно понять, что конкуренты делают на самом деле. CX Codex +1 2 100установок prototype-strategy Помогает решить, какой прототип строить и с какой детализацией, до того как вы начнёте его собирать. CX Codex +1 2 100установок theming-system Скилл проектирует трёхуровневую архитектуру дизайн-токенов для поддержки тем оформления, плотности интерфейса и тёмного режима в единой библиотеке компонентов. CX Codex +1 2 100установок journey-map Скилл строит карту пути одной персоны: этапы, точки контакта, эмоции и боли. Пригодится, когда переделываете уже существующий опыт. CX Codex +1 2 100установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой