skills.rest
lushly-dev
lushly-devOFFICIAL
Explore all skills by this author →
GitHub

design-content

Guide UX writing for user-facing interface text and terminology.

4|1|Updated Dec 30, 2025
Search Tags:#microcopy#ux writing#voice and tone#content design#terminology#ui text
One-click install
npx skills add https://github.com/lushly-dev/afd --skill design-content
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-content
Source: https://github.com/lushly-dev/afd/tree/main/.claude/skills/design-content
Command: npx skills add https://github.com/lushly-dev/afd --skill design-content

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating user-facing interface text that is clear, consistent, and aligns with a helpful, human-like tone, ensuring a positive user experience across all product surfaces.

Core Features & Use Cases

  • Voice and Tone Guidance: Establishes and maintains a warm, crisp, and helpful voice.
  • UI Text Generation: Provides best practices for labels, buttons, error messages, empty states, tooltips, and dialogs.
  • Terminology Enforcement: Ensures consistent use of product names and avoids ambiguous synonyms.
  • Use Case: When writing the text for a new feature's error message, use this Skill to ensure it's clear, actionable, and matches the product's established voice and tone.

Quick Start

Use the design-content skill to write a button label for saving a new item.

Frequently Asked Questions about design-content

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is UX writing and how does it apply to UI text?▼

UX writing guides the creation of user-facing interface text like labels, buttons, and error messages. It ensures UI text is clear, actionable, and maintains a consistent, human-like voice across all product surfaces.

How do I write clear error messages and empty state copy for my UI?▼

Write clear error messages and empty state copy by focusing on being warm, crisp, and helpful. Provide actionable guidance that aligns with your product's established voice and tone to ensure a positive user experience.

What's the best way to enforce consistent product terminology and microcopy?▼

Enforce consistent product terminology and microcopy by establishing clear rules for voice, tone, and specific terms. Ensure consistent use of product names and avoid ambiguous synonyms across all user-facing text.

How do I choose the right button labels and dialog copy for a new feature?▼

Choose button labels and dialog copy by following best practices for clarity and conciseness. Ensure the microcopy matches the product's established voice and tone, providing clear, actionable guidance for the user.

Can I use this approach to review existing tooltips and headings in a production UI?▼

Yes, you can review existing tooltips and headings in a production UI. Apply voice and tone guidelines to evaluate and refine user-facing text, ensuring it remains clear, consistent, and helpful across all product surfaces.

Related Skills

Explore More Design & Creative Skills→
aimentor606aimentor606

brand-voice

Document brand voice guidelines with voice attributes, tone rules, and terminology lists.

Community
Intermediate
alongor666alongor666
1

ai-insights-and-ux-copy

Generate accessibility-aware UX copy and onboarding guidance for healthcare portals.

Community
Advanced
sfdc-brendansfdc-brendan
15

sf-lwc-content

Provide microcopy templates for errors, empty states, and labels in Lightning Web Components.

Community
Basic
reactjsreactjs
10

write

Orchestrate research, writing, and review for React documentation pages.

Official
Advanced