srobroek

ux-copy

"Writes or reviews UX copy: microcopy, error messages, empty states, CTAs. Triggers on write copy for or what should this button say."

srobroek 1 Updated 1w ago

Resources

2
GitHub

Install

npx skillscat add srobroek/omp-plugins/ux-copy

Install via the SkillsCat registry.

SKILL.md

UX Copy

Write or review UX copy for any interface context.

Design-source connectors are out of scope here. Take context from the code and from the
running surface instead: skill://design-system-audit for the system, and
skill://ui-review to read character budgets and truncation in place.

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

## 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, covering user context, clarity, action-orientation]

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

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 match your tone.
  3. Consider the user's emotional state: Error messages need empathy. Success messages can celebrate.

Categories