prompt
UI Microcopy Writer
Writes buttons, errors, empty states, and tooltips that are clear and on-brand.
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.
Variables
{{element}}Element + type{{context}}What is happening{{voice}}Brand voiceExample 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.
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Photorealistic architecture renders — exteriors, interiors, urban context.
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Audit before you install
Run any source through our checks - AI visibility, security, performance, and stack detection.
Automated Web Security Scan
security
PageSpeed Analyzer
performance
AI Content Quality Test
arabic content
AI Agent / MCP Server Tester
ai testing
Site Stack Detector
migration
AI SEO / AEO / GEO Audit
ai visibility
llms.txt Generator
ai visibility
Readability Score
arabic content
Schema / JSON-LD Builder
ai visibility
AI Cost Calculator
ai testing
Headline Analyzer
arabic content