New to Claude Skills? Learn how to install them →

anthropics on GitHub

UX Copy

OfficialFree

Craft clear and effective UX copy for any interface.

Get this skill

Free · Opens the source repo

What UX Copy does

The UX Copy skill is designed to assist developers and designers in creating and reviewing user experience copy across various interface contexts. This skill can be triggered with phrases like "write copy for" or "what should this button say?" and is particularly useful for generating microcopy, error messages, empty states, and call-to-action (CTA) text. By providing specific context, user state, tone, and constraints, users can receive tailored copy suggestions that enhance the overall user experience.

The skill operates on several principles that ensure the output is clear, concise, consistent, useful, and human-like. This means avoiding jargon and ambiguity while using the fewest words necessary to convey meaning. The skill emphasizes the importance of matching the tone to the context, whether it's celebratory for success messages or empathetic for error messages. By following these guidelines, the skill helps users communicate effectively with their audience.

Additionally, the UX Copy skill provides structured patterns for various types of copy, including CTAs, error messages, empty states, confirmation dialogs, tooltips, loading states, and onboarding text. Each pattern comes with specific recommendations on structure and wording to optimize clarity and user engagement. For example, CTAs should begin with a verb and be specific about the action, while error messages should clearly explain what happened, why, and how the user can resolve the issue.

This skill is ideal for UX writers, product designers, and developers who need assistance in creating user-friendly copy that aligns with their design and branding guidelines. By leveraging this skill, users can ensure their interface copy is not only functional but also enhances the user's journey through the application.

When to use it

Use this skill when you need to write or review copy for buttons, error messages, or onboarding text in a user interface.

When not to use it

This skill is not suitable for generating long-form content or detailed technical documentation.

What you can build with it

Creating a CTA for a Signup Button

When designing a signup button, you can use this skill to generate clear and action-oriented copy that encourages users to register.

Reviewing an Error Message

If you have an error message that needs clarity, this skill can help you refine it to ensure users understand the issue and how to resolve it.

Writing Onboarding Text

For new users, this skill can assist in creating onboarding text that is concise and guides them through initial setup.

How to install UX Copy

View source

1. Install with the skills CLI

npx skills add anthropics/knowledge-work-plugins/ux-copy --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by anthropics

/ux-copy

If you see unfamiliar placeholders or need to check which tools are connected, see 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

## 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.

Frequently asked questions about UX Copy

Similar skills