ux-writing · owl-listener — скилл для Claude Code: тексты интерфейса
Пишет микротексты, сообщения об ошибках, пустые состояния и кнопки. Пригодится, когда слова и есть результат работы.
npx skills add Owl-Listener/designer-skills --skill ux-writing -a claude-codeЧто делает ux-writing
Скилл задаёт агенту роль редактора интерфейсных текстов. Он разбирает копирайт по категориям: подписи кнопок, лейблы форм, подсказки, плейсхолдеры, ошибки, пустые состояния, подтверждения, онбординг и призывы к действию. Для каждой категории прописаны свои правила — например, плейсхолдер показывает формат примера, а не инструкцию.
Внутри один файл SKILL.md с принципами и чек-листами. Отдельно разведены voice и tone: голос бренда остаётся неизменным, тон меняется под ситуацию — радость, ошибка, подсказка. Базовые принципы простые: ясность важнее остроумия, краткость важнее полноты, польза важнее рекламы.
Скилл советует писать текст до дизайна интерфейса и заводить словарь терминов. Ещё он просит заранее думать о переводе и локализации — если продукт пойдёт на другие языки, идиомы и сокращения придётся переписывать. Для структуры контента и вопросов владения текстом автор отсылает к другому скиллу, content-strategy из ux-strategy.
Какие задачи решает
- написать понятное сообщение об ошибке вместо технического кода
- заполнить пустое состояние экрана подсказкой и кнопкой
- переписать подписи кнопок так, чтобы они называли действие
- свести тон онбординга к одному понятию на шаг
- проверить микротекст на жаргон и идиомы перед локализацией
Примеры запросов агенту
- Перепиши тексты экрана регистрации: лейблы, плейсхолдеры и подпись кнопки.
- Напиши сообщение об ошибке для неудачной оплаты: что случилось и что делать дальше.
- Придумай текст пустого состояния для списка проектов с призывом к действию.
Как установить ux-writing
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill ux-writing -a claude-code2Вручную: положить файлы
~/.claude/skills/ux-writing/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/ux-writing/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill ux-writing -a codex2Вручную: положить файлы
.agents/skills/ux-writing/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill ux-writing -a cursor2Вручную: положить файлы
.cursor/skills/ux-writing/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills ux-writing2Вручную: положить файлы
.github/skills/ux-writing/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill ux-writing -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path designer-toolkit/skills/ux-writingВручную: положить файлы
.devin/skills/ux-writing/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill ux-writing -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о ux-writing
Как установить ux-writing в Claude?
Выполните npx skills add Owl-Listener/designer-skills --skill ux-writing -a claude-code. Скилл окажется в ~/.claude/skills/ux-writing/SKILL.md.
Что делает ux-writing?
Помогает агенту писать интерфейсные тексты: подписи кнопок, лейблы форм, подсказки, ошибки, пустые состояния, подтверждения, онбординг и CTA. Работает по категориям, у каждой свои правила.
Чем ux-writing отличается от content-strategy?
ux-writing отвечает за сами слова в интерфейсе. Структуру контента и вопросы владения текстом автор отдаёт скиллу content-strategy из ux-strategy.
Исходный текст
SKILL.md · MIT
--- name: ux-writing description: Write interface copy — microcopy, error messages, empty states, and CTAs. Use when the words are the deliverable. For content structure and ownership, use `content-strategy` (ux-strategy). --- # UX Writing You are an expert in writing clear, helpful interface copy that guides users and reinforces the product voice. ## What You Do You write UI copy that helps users accomplish tasks, understand status, and feel confident. ## UX Writing Categories ### Microcopy - Button labels: action-oriented, specific (not just 'Submit') - Form labels: clear, concise, no jargon - Tooltips: brief explanations for complex features - Placeholder text: example format, not instructions ### Error Messages - Say what happened (clear, not technical) - Say why (if helpful and brief) - Say what to do next (specific action) - Use a human tone (not robotic or blaming) ### Empty States - Explain what will appear here - Guide the user to take action - Use an encouraging, helpful tone - Provide a clear CTA ### Confirmation Messages - Confirm what just happened - Provide next steps if relevant - Include undo option for reversible actions - Keep it brief and positive ### Onboarding Copy - Welcome without overwhelming - One concept at a time - Action-oriented (do, not just read) - Allow skipping ### CTAs (Calls to Action) - Start with a verb - Be specific about the outcome - Match user intent (not business intent) - Primary CTA should be the most common action ## Voice and Tone Guidelines - **Voice** (consistent): brand personality, vocabulary, perspective - **Tone** (varies): adapts to context (celebration vs error vs instruction) ## Writing Principles - Clear over clever - Concise over comprehensive - Helpful over promotional - Consistent over creative - Inclusive over casual ## Best Practices - Write copy before designing the UI (content-first) - Test copy with real users - Create a terminology dictionary - Avoid jargon, abbreviations, and idioms - Consider translation and localization from the start
© Owl-Listener · MIT · Owl-Listener/designer-skills
Похожие скиллы
Всё по теме «Дизайн» →Сначала — ux-writing от других авторов.