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

ux-writing · plugin87 — скилл для Claude Code: что делает и как установить

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

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

Что делает ux-writing

Скилл создаёт или редактирует UI-тексты с учётом голоса проекта. Для кнопок он выносит действие вперёд, для ошибок строит текст по схеме «что случилось → почему → как исправить», а в пустом состоянии предлагает ценность и первый шаг.

Он читает content/voice-tone.md, подбирает тон под состояние пользователя и перед выдачей проверяет текст по чек-листу. Проверка охватывает регистр, числительные, подписи вместо плейсхолдеров, инклюзивный язык, ограничения длины и пригодность к переводу. Для необратимых или рискованных действий скилл требует подтверждение вводом текста.

Скиллу нужен набор файлов рядом с установленной папкой. npx skills add ставит только папки скиллов, поэтому при отсутствии набора он остановится и предложит npx ux-ui-agent-skills init либо установку плагина. Это повод проверить комплект до первой правки.

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

  • сформулировать кнопку с понятным результатом
  • написать ошибку с причиной и способом исправления
  • подготовить текст для пустого состояния
  • проверить микрокопирайт на обвиняющие формулировки
  • переписать подтверждение удаления объекта

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

  • Проверь тексты ошибок в форме оплаты и предложи правки.
  • Напиши пустое состояние для списка проектов с первым действием.
  • Переформулируй диалог удаления аккаунта и кнопку подтверждения.

Как установить ux-writing

1Через Skills CLI (Vercel)

npx skills add plugin87/ux-ui-agent-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 Code?

Выполните npx skills add plugin87/ux-ui-agent-skills --skill ux-writing -a claude-code, затем повторите npx skills add plugin87/ux-ui-agent-skills --skill ux-writing -a claude-code. Файл скилла находится в ~/.claude/skills/ux-writing/SKILL.md.

Что делает ux-writing?

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

Что нужно ux-writing для работы?

Скилл читает файлы набора, включая content/voice-tone.md. Если установлены только папки скиллов, он предлагает запустить npx ux-ui-agent-skills init или установить плагин.

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

SKILL.md · MIT
---
name: ux-writing
description: Write or review UI copy (buttons, errors, empty states, microcopy, notifications, labels) using the voice & tone system (clear, concise, useful, human, honest) with the what→why→how error formula and inclusive-language rules. Use when the user needs interface copy, error messages, empty-state text, or a copy review.
---

# Skill: UX Writing

> **Step 0: is the kit here?** This skill reads files from the kit. Check once:
> `ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING`
> On `KIT_MISSING` only the skill folders were installed, which is what
> `npx skills add` does. Say so plainly, point the user at
> `npx ux-ui-agent-skills init` or the plugin install, and stop. Do not guess the
> contents of a file you could not open.

Produce or critique interface copy in the project's voice.

## Steps
1. Read `${CLAUDE_SKILL_DIR}/../../../content/voice-tone.md` (voice principles, tone spectrum, formulas, microcopy patterns, inclusive language, pre-ship checklist).
2. Match tone to the user's emotional state (onboarding/success/routine/error/destructive). Higher stress → plainer language.
3. Apply the formulas:
   - Buttons: frontload the verb, name the outcome.
   - **Confirmation dialogs:** the confirm button **restates the action and object**: "Delete account", not "Delete"/"OK"/"Yes"/"Confirm". The title asks ("Delete account?"), the button answers in matching words. Cancel stays "Cancel". For irreversible/high-stakes actions, require a **type-to-confirm** step (WCAG 3.3.4/3.3.6).
   - Errors: what happened → why → how to fix (no dead ends, no codes/stack traces).
   - Empty states: value → first action.
4. Enforce mechanics: sentence case, no ALL CAPS, numerals, no blame on the user, labels (not placeholders), no directional/color-only instructions.
5. Run the 10-item pre-ship copy checklist.

## Output
Final copy (or a redline review) that reads naturally aloud and passes the checklist. Keep within any character limits for tight UI.

## Verification (mandatory before declaring done)
Run every line through the 10-item pre-ship checklist in `${CLAUDE_SKILL_DIR}/../../../content/voice-tone.md`. Do not skip it:
- Reads naturally **aloud**; frontloaded verb on actions; no jargon/blame/dead-ends.
- Errors follow what→why→how; empty states give value→action; no bare "No data"/"Error".
- Mechanics: sentence case, numerals, labels (not placeholders), no color/direction-only cues, inclusive language.
- Within character limits; translatable (no concatenation; see `${CLAUDE_SKILL_DIR}/../../../accessibility/i18n-rtl.md`).

© plugin87 · MIT · plugin87/ux-ui-agent-skills

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

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

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

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

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

redesign Скилл проводит аудит существующего интерфейса, находит шаблонные и «ИИ-шные» решения и правит их, не ломая рабочие функции. CX Codex +1 535установок apply-aesthetic Скилл выбирает визуальное направление — архетип или одну из 138 дизайн-систем — и переводит его в токены проекта. CX Codex +1 529установок design-code Генерирует готовый код UI-компонентов на токенах: React+Tailwind, SwiftUI, Vue, Svelte, Flutter и другие. Полезен, когда нужен рабочий экран в конкретном стеке. CX Codex +1 525установок design-component Создаёт спецификацию UI-компонента с анатомией, 8 состояниями, токенами и доступностью. Пригодится при проектировании контролов в дизайн-системе до написания кода. CX Codex +1 522установок design-qa Настраивает проверки интерфейса перед слиянием: токены, контраст, доступность и визуальные снимки. Нужен для контроля состояний компонентов и регрессий. CX Codex +1 516установок brandkit Создаёт систему бренд-токенов и theme.css по брифу, включая светлую и тёмную темы. Нужен для новой палитры, типографики и единой основы интерфейса. CX Codex +1 510установок migrate-design-system Скилл сопоставляет ваши дизайн-токены с внешней системой: Material 3, Apple HIG, Fluent, Carbon, shadcn/ui. Пригодится при миграции или переходе на чужой стек. CX Codex +1 487установок prototype Ведёт проектирование интерфейса по лестнице детализации от структуры контента до кода. Помогает собирать вайрфреймы, карты путей пользователей и сценарии тестов. CX Codex +1 484установок

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

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