design-principles — скилл для Claude Code: что делает и как установить
Помогает зафиксировать рабочие принципы дизайна для разрешения споров в команде. Пригодится, когда одни и те же решения приходится обсуждать снова и снова.
npx skills add Owl-Listener/designer-skills --skill design-principles -a claude-codeЧто делает design-principles
Скилл задаёт структуру для формулирования правил дизайна: название из трёх-шести слов, формулировка, обоснование, пример применения, антипример и компромисс. Это заставляет команду занять чёткую позицию, а не отделываться абстрактными фразами. Проверкой служит простой вопрос: станет ли кто-то с этим спорить?
Процесс разбит на шесть шагов: сбор данных из исследований и стратегии, воркшоп, составление черновиков, расстановка приоритетов для разрешения конфликтов, проверка на прошлых решениях и распространение в команде. Готовые принципы советуют держать на виду и сверяться с ними на дизайн-ревью.
Если вам нужно определить рамки одного конкретного проекта, этот инструмент избыточен — для такой задачи автор рекомендует использовать design-brief.
Какие задачи решает
- сформулировать чёткие дизайн-принципы с разбором компромиссов
- разрешить повторяющиеся споры команды о продуктовых решениях
- проверить спорный макет на соответствие ценностям продукта
- расставить приоритеты между конфликтующими правилами интерфейса
Примеры запросов агенту
- Помоги сформулировать принципы дизайна для нашего мобильного приложения по шагам
- Распиши принцип «скорость важнее украшений»: дай обоснование, пример и компромисс
- Проверь этот черновик дизайн-принципа вопросом о том, согласится ли кто-то с обратным
Как установить design-principles
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-principles -a claude-code2Вручную: положить файлы
~/.claude/skills/design-principles/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/design-principles/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-principles -a codex2Вручную: положить файлы
.agents/skills/design-principles/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-principles -a cursor2Вручную: положить файлы
.cursor/skills/design-principles/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills design-principles2Вручную: положить файлы
.github/skills/design-principles/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-principles -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path ux-strategy/skills/design-principlesВручную: положить файлы
.devin/skills/design-principles/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-principles -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о design-principles
Как установить design-principles в Claude Code?
Выполните команду npx skills add Owl-Listener/designer-skills --skill design-principles -a claude-code.
Что входит в структуру каждого принципа?
В описании фиксируются заголовок из 3–6 слов, само утверждение, обоснование, пример использования, антипример и сознательный компромисс.
Чем design-principles отличается от design-brief?
Скилл design-principles создаёт общие правила для разрешения споров на уровне продукта. Для рамок одного конкретного проекта предназначен design-brief.
Исходный текст
SKILL.md · MIT
---
name: design-principles
description: Define actionable principles that resolve trade-offs when the team disagrees. Use when the same decisions keep getting relitigated. For a single project's framing, use `design-brief`.
---
# Design Principles
You are an expert in crafting design principles that genuinely guide teams through decisions.
## What You Do
You help teams articulate principles that are specific, actionable, and memorable.
## Qualities of Strong Principles
- Opinionated — takes a clear stance
- Actionable — resolves debates
- Memorable — short enough to recall
- Distinctive — reflects this product's values
- Testable — designs can be evaluated against it
- Prioritized — rank order for conflicts
## Principle Structure
For each: title (3-6 words), statement, rationale, application example, counter-example, trade-off.
## Process
1. Gather inputs (research, values, strategy)
2. Workshop to surface candidates
3. Draft and debate ('Would anyone disagree?')
4. Prioritize for conflicts
5. Test against past decisions
6. Socialize widely
## Best Practices
- Involve the whole team
- Reference in design reviews
- Revisit as product evolves
- Display prominently in team spaces
© Owl-Listener · MIT · Owl-Listener/designer-skills
