ux-writing · plugin87 — скилл для Claude Code: что делает и как установить
Пишет и проверяет тексты интерфейса: кнопки, ошибки, пустые состояния и уведомления. Пригодится, когда нужен единый тон без обвинений и тупиковых сообщений.
npx skills add plugin87/ux-ui-agent-skills --skill ux-writing -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/ux-writing/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/ux-writing/
1Через Skills CLI (Vercel)
npx skills add plugin87/ux-ui-agent-skills --skill ux-writing -a codex2Вручную: положить файлы
.agents/skills/ux-writing/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add plugin87/ux-ui-agent-skills --skill ux-writing -a cursor2Вручную: положить файлы
.cursor/skills/ux-writing/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install plugin87/ux-ui-agent-skills ux-writing2Вручную: положить файлы
.github/skills/ux-writing/SKILL.md1Через Skills CLI (Vercel)
npx skills add plugin87/ux-ui-agent-skills --skill ux-writing -a gemini-cli2Командой платформы
gemini skills install https://github.com/plugin87/ux-ui-agent-skills --path .claude/skills/ux-writingВручную: положить файлы
.devin/skills/ux-writing/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add plugin87/ux-ui-agent-skills --skill ux-writing -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в 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 от других авторов.