UX Writer
Overview
This skill helps you craft clear, helpful, and human UI text that guides users through your product without friction. UX writing is not marketing copy—it lives inside the product and its job is to reduce confusion, build trust, and move users toward success. Good microcopy is invisible when it works and painfully obvious when it doesn't. This skill covers the full spectrum of in-product text: button labels, error messages, empty states, tooltips, onboarding flows, confirmation dialogs, form helper text, and success messages. The output is production-ready copy, not placeholder text.
When to Use
- Writing or rewriting button labels and CTAs inside a product
- Crafting error messages that explain what went wrong and how to fix it
- Designing empty states that guide users toward their first action
- Writing onboarding flows, welcome screens, and feature tours
- Composing tooltip and helper text for complex fields or controls
- Creating confirmation dialogs, destructive-action warnings, and success messages
- Auditing and improving existing UI copy for clarity and tone consistency
When NOT to Use
- Marketing landing pages, ads, or campaign copy (use
copywriter skill instead)
- Long-form help articles or user manuals (use
technical-writer skill instead)
- Brand naming or tagline development
- Social media posts or email newsletters
- Legal disclaimers or compliance text (consult legal)
Quick Reference
| Task |
Approach |
| Button labels |
Verb + noun: "Save draft", "Delete account". Never "OK" or "Click here" |
| Error messages |
What happened + why + how to fix: "Password too short — use at least 8 characters" |
| Empty states |
Explain the blank, then invite action: "No projects yet. Start your first one." |
| Tooltips |
One sentence max. Answer "what does this do?" not "why does this exist?" |
| Onboarding |
Progressive disclosure: show the next step, not every step at once |
| Destructive actions |
Name the consequence explicitly: "Delete project" not "Confirm" |
| Success messages |
Confirm the action, optionally suggest the next step |
| Tone |
Match the product voice; default to warm, direct, and plain English |
Instructions
Identify the UI element and context. Determine exactly what element needs copy (button, error, tooltip, etc.), where it appears in the user journey, and who the user is at that moment. A user mid-checkout needs different language than a new signup exploring features.
Define the job of the text. Every piece of microcopy does exactly one job: inform, instruct, reassure, warn, or motivate. Name the job before you write a single word. Copy that tries to do two jobs usually does neither well.
Write in plain language. Use the simplest word that does the job. "Start" over "Initiate". "Delete" over "Remove permanently". Aim for a reading level your least technical user can parse at a glance—UI text is read in seconds, not minutes.
Apply the error message formula for all error states. Structure: (1) what happened in plain terms, (2) why it happened if helpful, (3) what the user can do next. Never blame the user ("You entered an invalid email") — be neutral or take system responsibility ("That email address isn't valid — check for typos and try again").
Shorten ruthlessly. Count your words, then cut 30%. Every word costs attention. Button labels should be 1–3 words. Tooltips: one sentence. Error messages: two sentences max. If a concept needs more than that, the UI probably needs redesign, not more copy.
Check consistency. Use the same verb for the same action throughout the product. If the nav says "Sign in", the button must not say "Log in". Inconsistency erodes trust faster than bad copy does.
Test against your voice and tone guide. If the brand is warm and conversational, "Oops, something went wrong" fits. If it's enterprise and formal, it doesn't. When in doubt, default to neutral and direct.
Write variants and compare. Generate 3 options for any important piece of copy, then evaluate against: clarity, brevity, brand tone, and whether it reduces or increases user anxiety.
Examples
Example 1: Error Messages for a Sign-Up Form
Input: "Write error messages for a sign-up form. Fields: email, password (min 8 chars, must include a number), username (3–20 chars, letters and numbers only). Tone: friendly, modern SaaS."
Output:
Email field errors
| Trigger |
Message |
| Empty on submit |
Enter your email address to continue. |
| Invalid format |
That doesn't look like an email address — check for typos. |
| Already registered |
An account with this email already exists. [Sign in instead?] |
Password field errors
| Trigger |
Message |
| Empty on submit |
Choose a password to secure your account. |
| Too short |
Password must be at least 8 characters. |
| No number |
Add at least one number to strengthen your password. |
| Confirmed password mismatch |
These passwords don't match — give it another try. |
Username field errors
| Trigger |
Message |
| Too short |
Username must be at least 3 characters. |
| Too long |
Keep your username under 20 characters. |
| Invalid characters |
Usernames can only contain letters and numbers. |
| Already taken |
That username is taken — try adding a number or your initial. |
Success state
You're all set, [Name]! Your account is ready. Let's get started. → Go to dashboard
Example 2: Empty State for a Project Management App
Input: "Write empty state copy for a project management app. States needed: no projects, no tasks in a project, no team members. Tone: encouraging, startup-friendly."
Output:
No projects yet
Heading: Your workspace is ready.
Body: Projects live here. Create your first one to start organizing work, tracking tasks, and collaborating with your team.
Button: Create project
No tasks in this project
Heading: Nothing here yet — that's about to change.
Body: Add your first task to kick things off. Break your project into steps and start making progress.
Button: Add task
No team members
Heading: You're working solo — for now.
Body: Invite your team to collaborate, assign tasks, and move faster together.
Button: Invite people
Secondary link: Learn how sharing works →
Example 3: Destructive Action Confirmation Dialog
Input: "Write a confirmation dialog for permanently deleting a user account. The action cannot be undone. Tone: serious but not alarming."
Output:
Dialog title
Delete your account?
Dialog body
This will permanently delete your account, all your projects, and your data. This can't be undone.
Buttons
- Primary (destructive): Delete my account
- Secondary (cancel): Keep my account
Design note: The cancel action should be the visually prominent button. The destructive action should be secondary in visual weight but clearly labeled.
Best Practices
- Lead with what the user can do, not what they can't: "Save up to 5 files" not "You can't save more than 5 files"
- Name the object in button labels: "Delete project" not "Delete" — specificity prevents accidental actions
- Use sentence case for UI text (not Title Case or ALL CAPS) unless brand standards differ
- Avoid jargon, internal terms, and engineering-speak in user-facing copy
- Write gender-neutral, inclusive copy; prefer "they" for singular unknown users
- Pair error messages visually with the field they describe — proximity beats explanation
Common Mistakes
- "Click here" links: Screen readers read links out of context; the link text must describe the destination
- Vague errors: "Something went wrong" is never acceptable without a recovery action
- Over-apologizing: "We're so sorry, but unfortunately..." wastes characters and sounds insincere
- Inconsistent verb tenses: Mixing "Your file was saved" and "Saving your file..." in the same flow
- Using "please" everywhere: One "please" per flow is polite; five is patronizing
- Writing for the happy path only: Empty states, errors, and loading states need as much care as core flows
Tips & Tricks
- Read your copy aloud at a conversational pace — if you stumble, the user will too
- The "Grandma test": if your least technical user would be confused, simplify
- Keep a "word swap" list: initiate → start, terminate → end, utilize → use
- Use active voice in errors: "We couldn't process your payment" not "Payment could not be processed"
- When copy feels long, ask "Can the UI design carry some of this load?" — a well-placed icon can replace a sentence
- Write the error states before the success states; they reveal gaps in the logic
Related Skills
1---2name: ux-writer3description: Use this skill when crafting microcopy, UI text, or in-product writing—error messages, tooltips, button labels, empty states, onboarding flows, and confirmation dialogs. Trigger phrases: 'write microcopy for', 'write UI copy', 'write error messages', 'write onboarding text', 'button label for'. Do NOT use for marketing copy (use copywriter) or long-form documentation (use technical-writer).4license: MIT5---6
7# UX Writer
8
9## Overview
10This skill helps you craft clear, helpful, and human UI text that guides users through your product without friction. UX writing is not marketing copy—it lives inside the product and its job is to reduce confusion, build trust, and move users toward success. Good microcopy is invisible when it works and painfully obvious when it doesn't. This skill covers the full spectrum of in-product text: button labels, error messages, empty states, tooltips, onboarding flows, confirmation dialogs, form helper text, and success messages. The output is production-ready copy, not placeholder text.
11
12## When to Use
13- Writing or rewriting button labels and CTAs inside a product
14- Crafting error messages that explain what went wrong and how to fix it
15- Designing empty states that guide users toward their first action
16- Writing onboarding flows, welcome screens, and feature tours
17- Composing tooltip and helper text for complex fields or controls
18- Creating confirmation dialogs, destructive-action warnings, and success messages
19- Auditing and improving existing UI copy for clarity and tone consistency
20
21## When NOT to Use
22- Marketing landing pages, ads, or campaign copy (use `copywriter` skill instead)
23- Long-form help articles or user manuals (use `technical-writer` skill instead)
24- Brand naming or tagline development
25- Social media posts or email newsletters
26- Legal disclaimers or compliance text (consult legal)
27
28## Quick Reference
29| Task | Approach |
30|------|----------|
31| Button labels | Verb + noun: "Save draft", "Delete account". Never "OK" or "Click here" |
32| Error messages | What happened + why + how to fix: "Password too short — use at least 8 characters" |
33| Empty states | Explain the blank, then invite action: "No projects yet. Start your first one." |
34| Tooltips | One sentence max. Answer "what does this do?" not "why does this exist?" |
35| Onboarding | Progressive disclosure: show the next step, not every step at once |
36| Destructive actions | Name the consequence explicitly: "Delete project" not "Confirm" |
37| Success messages | Confirm the action, optionally suggest the next step |
38| Tone | Match the product voice; default to warm, direct, and plain English |
39
40## Instructions
41
421. **Identify the UI element and context.** Determine exactly what element needs copy (button, error, tooltip, etc.), where it appears in the user journey, and who the user is at that moment. A user mid-checkout needs different language than a new signup exploring features.
43
442. **Define the job of the text.** Every piece of microcopy does exactly one job: inform, instruct, reassure, warn, or motivate. Name the job before you write a single word. Copy that tries to do two jobs usually does neither well.
45
463. **Write in plain language.** Use the simplest word that does the job. "Start" over "Initiate". "Delete" over "Remove permanently". Aim for a reading level your least technical user can parse at a glance—UI text is read in seconds, not minutes.
47
484. **Apply the error message formula for all error states.** Structure: (1) what happened in plain terms, (2) why it happened if helpful, (3) what the user can do next. Never blame the user ("You entered an invalid email") — be neutral or take system responsibility ("That email address isn't valid — check for typos and try again").
49
505. **Shorten ruthlessly.** Count your words, then cut 30%. Every word costs attention. Button labels should be 1–3 words. Tooltips: one sentence. Error messages: two sentences max. If a concept needs more than that, the UI probably needs redesign, not more copy.
51
526. **Check consistency.** Use the same verb for the same action throughout the product. If the nav says "Sign in", the button must not say "Log in". Inconsistency erodes trust faster than bad copy does.
53
547. **Test against your voice and tone guide.** If the brand is warm and conversational, "Oops, something went wrong" fits. If it's enterprise and formal, it doesn't. When in doubt, default to neutral and direct.
55
568. **Write variants and compare.** Generate 3 options for any important piece of copy, then evaluate against: clarity, brevity, brand tone, and whether it reduces or increases user anxiety.
57
58## Examples
59
60### Example 1: Error Messages for a Sign-Up Form
61
62**Input:** "Write error messages for a sign-up form. Fields: email, password (min 8 chars, must include a number), username (3–20 chars, letters and numbers only). Tone: friendly, modern SaaS."
63
64**Output:**
65
66#### Email field errors
67
68| Trigger | Message |
69|---------|---------|
70| Empty on submit | Enter your email address to continue. |
71| Invalid format | That doesn't look like an email address — check for typos. |
72| Already registered | An account with this email already exists. [Sign in instead?] |
73
74#### Password field errors
75
76| Trigger | Message |
77|---------|---------|
78| Empty on submit | Choose a password to secure your account. |
79| Too short | Password must be at least 8 characters. |
80| No number | Add at least one number to strengthen your password. |
81| Confirmed password mismatch | These passwords don't match — give it another try. |
82
83#### Username field errors
84
85| Trigger | Message |
86|---------|---------|
87| Too short | Username must be at least 3 characters. |
88| Too long | Keep your username under 20 characters. |
89| Invalid characters | Usernames can only contain letters and numbers. |
90| Already taken | That username is taken — try adding a number or your initial. |
91
92#### Success state
93
94> **You're all set, [Name]!** Your account is ready. Let's get started. → **Go to dashboard**
95
96---
97
98### Example 2: Empty State for a Project Management App
99
100**Input:** "Write empty state copy for a project management app. States needed: no projects, no tasks in a project, no team members. Tone: encouraging, startup-friendly."
101
102**Output:**
103
104#### No projects yet
105
106**Heading:** Your workspace is ready.
107**Body:** Projects live here. Create your first one to start organizing work, tracking tasks, and collaborating with your team.
108**Button:** Create project
109
110---
111
112#### No tasks in this project
113
114**Heading:** Nothing here yet — that's about to change.
115**Body:** Add your first task to kick things off. Break your project into steps and start making progress.
116**Button:** Add task
117
118---
119
120#### No team members
121
122**Heading:** You're working solo — for now.
123**Body:** Invite your team to collaborate, assign tasks, and move faster together.
124**Button:** Invite people
125**Secondary link:** Learn how sharing works →
126
127---
128
129### Example 3: Destructive Action Confirmation Dialog
130
131**Input:** "Write a confirmation dialog for permanently deleting a user account. The action cannot be undone. Tone: serious but not alarming."
132
133**Output:**
134
135#### Dialog title
136Delete your account?
137
138#### Dialog body
139This will permanently delete your account, all your projects, and your data. This can't be undone.
140
141#### Buttons
142- **Primary (destructive):** Delete my account
143- **Secondary (cancel):** Keep my account
144
145> **Design note:** The cancel action should be the visually prominent button. The destructive action should be secondary in visual weight but clearly labeled.
146
147---
148
149## Best Practices
150- Lead with what the user can do, not what they can't: "Save up to 5 files" not "You can't save more than 5 files"
151- Name the object in button labels: "Delete project" not "Delete" — specificity prevents accidental actions
152- Use sentence case for UI text (not Title Case or ALL CAPS) unless brand standards differ
153- Avoid jargon, internal terms, and engineering-speak in user-facing copy
154- Write gender-neutral, inclusive copy; prefer "they" for singular unknown users
155- Pair error messages visually with the field they describe — proximity beats explanation
156
157## Common Mistakes
158- **"Click here" links:** Screen readers read links out of context; the link text must describe the destination
159- **Vague errors:** "Something went wrong" is never acceptable without a recovery action
160- **Over-apologizing:** "We're so sorry, but unfortunately..." wastes characters and sounds insincere
161- **Inconsistent verb tenses:** Mixing "Your file was saved" and "Saving your file..." in the same flow
162- **Using "please" everywhere:** One "please" per flow is polite; five is patronizing
163- **Writing for the happy path only:** Empty states, errors, and loading states need as much care as core flows
164
165## Tips & Tricks
166- Read your copy aloud at a conversational pace — if you stumble, the user will too
167- The "Grandma test": if your least technical user would be confused, simplify
168- Keep a "word swap" list: initiate → start, terminate → end, utilize → use
169- Use active voice in errors: "We couldn't process your payment" not "Payment could not be processed"
170- When copy feels long, ask "Can the UI design carry some of this load?" — a well-placed icon can replace a sentence
171- Write the error states before the success states; they reveal gaps in the logic
172
173## Related Skills
174- [copywriter](../../writing/copywriter/SKILL.md)
175- [technical-writer](../../writing/technical-writer/SKILL.md)
176- [design-critiquer](../design-critiquer/SKILL.md)
177- [frontend-design](../frontend-design/SKILL.md)
nickcrew