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

ux-writing · owl-listener — скилл для Claude Code: тексты интерфейса

Пишет микротексты, сообщения об ошибках, пустые состояния и кнопки. Пригодится, когда слова и есть результат работы.

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

Что делает 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-code

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

~/.claude/skills/ux-writing/SKILL.md

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

По шагам, с командами для каждой платформы: Как установить скилл в 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 от других авторов.

ux-writing content-designer Пишет и правит подписи кнопок, ошибки, уведомления и тексты пустых состояний по четырём критериям: цель, краткость, разговорность, ясность. CX Codex +1 2 700установок ux-writing plugin87 Пишет и проверяет тексты интерфейса: кнопки, ошибки, пустые состояния и уведомления. Пригодится, когда нужен единый тон без обвинений и тупиковых сообщений. CX Codex +1 517установок writing-for-interfaces andrewgleave Скилл помогает писать и редактировать текст внутри интерфейсов: системные ошибки, кнопки и подсказки в CLI. CX Codex +1 1 100установок ux-writing-content-design hueyexe Пишет и разбирает тексты интерфейса: подписи кнопок, подсказки, пустые состояния, ошибки, онбординг. Пригодится, когда вёрстка готова, а формулировки ещё нет. CX Codex +1 562установок articulate ghaida Проектирует слова в продукте: подписи, ошибки, пустые состояния, онбординг, подсказки. Пригодится, когда проблема в тексте, а не в вёрстке. CX Codex +1 2 700установок clarify aladicf Правит подписи, ошибки, пустые состояния и CTA, чтобы пользователь понимал, что происходит и что делать дальше. CX Codex +1 533установок better-writing jakubkrehel Скилл проверяет и пишет текст интерфейса: ошибки, пустые экраны, кнопки и подсказки. Он помогает выдержать единый тон продукта и не заводить тупиковых сценариев. CX Codex +1 29 100установок brand-guidelines getsentry Задаёт правила редактуры интерфейса и текстов в стиле Sentry: от лаконичных кнопок до ироничных пустых экранов. Пригодится при оформлении UI, ошибок и документации. CX Codex +1 2 500установок

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

journey-map Скилл строит карту пути одной персоны: этапы, точки контакта, эмоции и боли. Пригодится, когда переделываете уже существующий опыт. CX Codex +1 2 100установок component-spec Скилл описывает один компонент дизайн-системы: анатомию, варианты, состояния, доступность и правила использования. Пригодится, когда библиотека растёт и пора зафиксировать API. CX Codex +1 2 100установок design-principles Помогает зафиксировать рабочие принципы дизайна для разрешения споров в команде. Пригодится, когда одни и те же решения приходится обсуждать снова и снова. CX Codex +1 2 100установок accessibility-audit Проверяет готовый интерфейс по WCAG и выдаёт проблемы с уровнем серьёзности, влиянием и шагами исправления. CX Codex +1 2 100установок critique-typography Проверяет типографику отрендеренного экрана: шкалу, читаемость, единообразие и использование токенов. Пригодится на ревью интерфейса. CX Codex +1 2 000установок version-control-strategy Задаёт правила версионирования макетов, библиотек компонентов и дизайн-токенов. Скилл пригодится, когда история правок в файлах запуталась и мешает командной работе. CX Codex +1 2 000установок critique-visual-hierarchy Скилл разбирает готовый экран по четырём измерениям и говорит, куда на самом деле падает взгляд. Пригодится, когда внимание уходит не туда. CX Codex +1 2 000установок click-test-plan Помогает спланировать клик-тесты: где люди кликают первым делом и находят ли нужное в навигации. Пригодится, когда макет уже есть, а проверить его нечем. CX Codex +1 2 000установок

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

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