UX WRITING SKILL

Write better
interface copy

A comprehensive agent skill for Claude and Codex that helps content designers and product teams create accessible, user-centered text following research-backed best practices.

Download skill View on GitHub
25+
Pages of guidance
40+
UI patterns
8
Fillable templates
Free
Open source

What's included

Accessibility guidelines

Comprehensive guidance for writing inclusive UX text that works for everyone.

  • Screen reader optimization
  • Cognitive accessibility
  • WCAG compliance
  • Multi-modal communication

Research-backed metrics

Quantifiable benchmarks based on comprehension research and industry standards.

  • Sentence length targets
  • Comprehension rates
  • Reading level guidelines
  • Character limits by type

Expanded error patterns

Four distinct error types with clear timing, location, and recovery guidance.

  • Validation errors
  • System errors
  • Blocking errors
  • Permission errors

Tone adaptation framework

Map user emotional states to appropriate tone while maintaining consistent voice.

  • By emotional state
  • By content type
  • Context-specific examples
  • Voice chart templates

Real-world examples

Before/after improvements with detailed scoring against our quality standards.

  • E-commerce patterns
  • SaaS applications
  • Mobile experiences
  • Common anti-patterns

Fillable templates

Practical guides and frameworks for creating consistent, high-quality UX text.

  • Error message templates
  • Empty state guides
  • Onboarding flows
  • Voice charts

Figma integration

Review and improve UX copy directly from your Figma designs. Works with both Claude Code and Codex. Perfect for content designers and product teams.

Claude Code + Figma MCP

claude mcp add --transport http figma https://mcp.figma.com/mcp

Share any Figma frame link with Claude Code to get instant UX writing feedback, accessibility audits, and specific improvements.

Read Claude setup guide →

Codex + Figma MCP

codex mcp login figma

Configure Codex to connect with Figma MCP and review designs using Dev Mode links.

Read Codex setup guide →

Get started

Step 1

Download

Download ux-writing-skill.zip — contains the skill file and all supporting documentation for Claude and Codex.

Step 2 — Claude

Install in Claude Desktop

Open Settings → Capabilities → Skills, click Upload skill, and select the ZIP file directly (no extraction needed).

Step 2 — Codex

Install in Codex

Extract the ZIP and copy to ~/.codex/skills/ (Mac/Linux) or %USERPROFILE%\.codex\skills\ (Windows), then restart Codex or your IDE.

Step 3

Use

Ask your AI assistant to review any interface copy and it will automatically apply UX writing best practices.

View detailed instructions