iiuniversitet.ruЦентр обучения нейросетямОткрыть каталог

Тексты для кнопок и интерфейса

Пишет и проверяет тексты интерфейса: подписи кнопок, сообщения об ошибках, пустые экраны и подтверждения.

СкиллAnthropicClaudeApache-2.0Загрузить архив в ClaudeПроверка не требуется
Что делает
Пишет и проверяет тексты интерфейса: подписи кнопок, сообщения об ошибках, пустые экраны и подтверждения.
Когда брать
Когда нужно назвать кнопку, объяснить ошибку по-человечески, наполнить пустой экран или написать текст для первого входа в сервис.
Пример запроса
Придумай текст сообщения, если у клиента не прошла оплата картой, тон мягкий, но деловой.

Входит в плагин design. В Cowork и Claude Code можно поставить плагин целиком.

Как включить

  1. Нажмите «Скачать на русском» и сохраните архив.
  2. В Claude откройте Настройки → Capabilities → Skills → Upload skill и выберите архив.
  3. Включите скилл переключателем.
Для терминала

Распакуйте архив и положите папку ux-copy в ~/.claude/skills/. Файл SKILL.md должен лежать внутри этой папки.

Текст

---
name: ux-copy
description: Пиши или проверяй тексты интерфейса — микротексты, сообщения об ошибках, пустые состояния, призывы к действию. Запускай по фразам «напиши текст для», «что должно быть написано на этой кнопке?», «проверь это сообщение об ошибке» или когда нужно назвать кнопку призыва к действию, сформулировать диалог подтверждения, заполнить пустое состояние или написать текст для адаптации новых пользователей.
argument-hint: "<context or copy to review>"
---

/ux-copy

Если встретишь незнакомые подстановки или нужно проверить, какие инструменты подключены, смотри [CONNECTORS.md](../../CONNECTORS.md).

Пиши или проверяй тексты интерфейса для любого контекста.

Использование

/ux-copy $ARGUMENTS

Что мне нужно от тебя

  • Контекст: какой экран, сценарий или функция?
  • Состояние пользователя: что он пытается сделать? Что он чувствует?
  • Тон: формальный, дружелюбный, игривый, успокаивающий?
  • Ограничения: лимиты символов, требования платформы?

Принципы

  1. Ясно: говори именно то, что имеешь в виду. Без жаргона и двусмысленности.
  2. Кратко: используй минимум слов, передающих смысл полностью.
  3. Единообразно: одни и те же термины для одних и тех же вещей везде.
  4. Полезно: каждое слово должно помогать пользователю достичь цели.
  5. По-человечески: пиши как отзывчивый человек, а не как робот.

Шаблоны текстов

Призывы к действию (кнопки)

  • Начинай с глагола: «Начать бесплатный период», «Сохранить изменения», «Скачать отчёт»
  • Будь конкретен: «Создать аккаунт», а не «Отправить»
  • Подпись должна соответствовать результату

Сообщения об ошибках

Структура: что произошло + почему + как исправить

  • «Платёж отклонён. Ваш банк отклонил операцию по карте. Попробуйте другую карту или свяжитесь с банком.»

Пустые состояния

Структура: что это + почему пусто + с чего начать

  • «Проектов пока нет. Создайте первый проект, чтобы начать совместную работу с командой.»

Диалоги подтверждения

  • Чётко называй действие: «Удалить 3 файла?», а не «Вы уверены?»
  • Описывай последствия: «Это действие нельзя отменить»
  • Подписывай кнопки действиями: «Удалить файлы» / «Оставить файлы», а не «ОК» / «Отмена»

Всплывающие подсказки

  • Кратко, полезно, никогда не очевидно

Состояния загрузки

  • Задавай ожидания, снижай тревогу

Адаптация новых пользователей

  • Постепенное раскрытие: по одному понятию за раз

Голос и тон

Подстраивай тон под контекст:

  • Успех: радостно, но без перебора
  • Ошибка: с сочувствием и пользой
  • Предупреждение: понятно и с конкретным действием
  • Нейтральный текст: информативно и коротко

Результат

## Текст интерфейса: [Контекст]

### Рекомендуемый текст
**[Элемент]**: [Текст]

### Альтернативы
| Вариант | Текст | Тон | Лучше всего подходит для |
|--------|------|------|----------|
| A | [Текст] | [Тон] | [Когда использовать] |
| B | [Текст] | [Тон] | [Когда использовать] |
| C | [Текст] | [Тон] | [Когда использовать] |

### Обоснование
[Почему этот текст работает — контекст пользователя, ясность, ориентация на действие]

### Заметки по локализации
[Всё, что должны знать переводчики, — идиомы, которых нужно избегать, увеличение длины текста, культурный контекст]

Если подключены коннекторы

Если подключена ~~knowledge base:

  • Бери руководство по фирменному голосу и редакционный стиль
  • Проверяй существующие шаблоны текстов и стандарты терминологии

Если подключён ~~design tool:

  • Смотри контекст экрана в Figma, чтобы понять весь путь пользователя
  • Проверяй ограничения по длине текста и макету из дизайна

Советы

  1. Уточняй контекст — «Сообщение об ошибке при неудачной оплате» лучше, чем просто «сообщение об ошибке».
  2. Поделись фирменным голосом — «Мы профессиональные, но тёплые» помогает мне попасть в твой тон.
  3. Учитывай эмоциональное состояние пользователя — в сообщениях об ошибках нужно сочувствие. Сообщения об успехе могут радоваться.

Перевод: iiuniversitet. Оригинал: https://github.com/anthropics/knowledge-work-plugins/tree/main/design/skills/ux-copy, лицензия Apache-2.0. Изменения: перевод на русский язык.

Оригинал на английском
---
name: ux-copy
description: Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text.
argument-hint: "<context or copy to review>"
---

# /ux-copy

> If you see unfamiliar placeholders or need to check which tools are connected, see [CONNECTORS.md](../../CONNECTORS.md).

Write or review UX copy for any interface context.

## Usage

```
/ux-copy $ARGUMENTS
```

## What I Need From You

- **Context**: What screen, flow, or feature?
- **User state**: What is the user trying to do? How are they feeling?
- **Tone**: Formal, friendly, playful, reassuring?
- **Constraints**: Character limits, platform guidelines?

## Principles

1. **Clear**: Say exactly what you mean. No jargon, no ambiguity.
2. **Concise**: Use the fewest words that convey the full meaning.
3. **Consistent**: Same terms for the same things everywhere.
4. **Useful**: Every word should help the user accomplish their goal.
5. **Human**: Write like a helpful person, not a robot.

## Copy Patterns

### CTAs
- Start with a verb: "Start free trial", "Save changes", "Download report"
- Be specific: "Create account" not "Submit"
- Match the outcome to the label

### Error Messages
Structure: What happened + Why + How to fix
- "Payment declined. Your card was declined by your bank. Try a different card or contact your bank."

### Empty States
Structure: What this is + Why it's empty + How to start
- "No projects yet. Create your first project to start collaborating with your team."

### Confirmation Dialogs
- Make the action clear: "Delete 3 files?" not "Are you sure?"
- Describe consequences: "This can't be undone"
- Label buttons with the action: "Delete files" / "Keep files" not "OK" / "Cancel"

### Tooltips
- Concise, helpful, never obvious

### Loading States
- Set expectations, reduce anxiety

### Onboarding
- Progressive disclosure, one concept at a time

## Voice and Tone

Adapt tone to context:
- **Success**: Celebratory but not over the top
- **Error**: Empathetic and helpful
- **Warning**: Clear and actionable
- **Neutral**: Informative and concise

## Output

```markdown
## UX Copy: [Context]

### Recommended Copy
**[Element]**: [Copy]

### Alternatives
| Option | Copy | Tone | Best For |
|--------|------|------|----------|
| A | [Copy] | [Tone] | [When to use] |
| B | [Copy] | [Tone] | [When to use] |
| C | [Copy] | [Tone] | [When to use] |

### Rationale
[Why this copy works — user context, clarity, action-orientation]

### Localization Notes
[Anything translators should know — idioms to avoid, character expansion, cultural context]
```

## If Connectors Available

If **~~knowledge base** is connected:
- Pull your brand voice guidelines and content style guide
- Check for existing copy patterns and terminology standards

If **~~design tool** is connected:
- View the screen context in Figma to understand the full user flow
- Check character limits and layout constraints from the design

## Tips

1. **Be specific about context** — "Error message when payment fails" is better than "error message."
2. **Share your brand voice** — "We're professional but warm" helps me match your tone.
3. **Consider the user's emotional state** — Error messages need empathy. Success messages can celebrate.

Источник: anthropics/knowledge-work-plugins / design / ux-copy ↗. Ссылка проверена 2026-10-10.