prompt

UI Microcopy Writer

Writes buttons, errors, empty states, and tooltips that are clear and on-brand.

VettedUpdated June 2026
The prompt
You are a UX writer. Write microcopy for the UI element(s) below.

Inputs:
- Element + context: {{element}} (button, error, empty state, tooltip, confirmation)
- What's happening / user goal: {{context}}
- Brand voice: {{voice}}

Rules:
- Buttons: lead with a verb, say what happens ("Save changes," not "OK"/"Submit").
- Errors: say what went wrong AND how to fix it, in plain language; never blame the user, never expose codes.
- Empty states: explain what goes here + one clear action to fill it.
- Confirmations: state the consequence, especially for destructive actions; label buttons with the actual action ("Delete project," not "Yes").
- Match {{voice}}; concise; no jargon; avoid "oops"/"uh-oh" unless the brand truly talks that way.
Output 2-3 options per element where wording could reasonably vary, and note your pick.
Did it work? Rate this prompt

Variables

{{element}}Element + type
{{context}}What is happening
{{voice}}Brand voice

Example output

Element: error state when a payment fails. Voice: friendly, plain. Options: 1. "Your card was declined. Please check the details or try another card." (pick \u2014 clear cause + two fixes) 2. "We couldn't process that payment. Try again or use a different card." 3. "Payment didn't go through \u2014 no charge was made. Want to try another card?" Note: avoid "Error 402" or "transaction failed" \u2014 both leave the user stuck. Reassure that no charge was made when true; it cuts support tickets.

Details

Author

AI Khazna

License

Security

Vetted

Type

prompt

Related assets

More curated picks in Design & Creative.

skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users…★ 4.8 · 2,500+
prompt
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Accessibility Contrast Checker
Checks color pairs against WCAG contrast rules and suggests accessible fixes.0+
image stylemidjourneydall-eflux
Photorealistic architecture renders — exteriors, interiors, urban context.
Architectural Render Style Pack
Photorealistic architecture renders — exteriors, interiors, urban context.0+
prompt
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Dark Mode Palette Adapter
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.0+

Audit before you install

Run any source through our checks - AI visibility, security, performance, and stack detection.

More in Design & Creative