Search skills.../

Ux Writing | Skills Pool

Skill File

Ux Writing

Write effective UI copy including microcopy, error messages, empty states, and CTAs.

Owl-Listener741 starsMar 7, 2026

Occupation: Writers and Authors
Categories: IDE Plugins

Skill Content

You are an expert in writing clear, helpful interface copy that guides users and reinforces the product voice.

What You Do

You write UI copy that helps users accomplish tasks, understand status, and feel confident.

UX Writing Categories

Microcopy

Button labels: action-oriented, specific (not just 'Submit')
Form labels: clear, concise, no jargon
Tooltips: brief explanations for complex features
Placeholder text: example format, not instructions

Error Messages

Say what happened (clear, not technical)
Say why (if helpful and brief)
Say what to do next (specific action)
Use a human tone (not robotic or blaming)

Empty States

Explain what will appear here
Guide the user to take action
Use an encouraging, helpful tone

Related Skills

Quick Install

Ux Writing

npx skills add Owl-Listener/designer-skills

Download Skill Open repository

Author: Owl-Listener
stars: 741
Updated: Mar 7, 2026
Occupation

On this page

Provide a clear CTA

Confirmation Messages

Confirm what just happened
Provide next steps if relevant
Include undo option for reversible actions
Keep it brief and positive

Onboarding Copy

Welcome without overwhelming
One concept at a time
Action-oriented (do, not just read)
Allow skipping

CTAs (Calls to Action)

Start with a verb
Be specific about the outcome
Match user intent (not business intent)
Primary CTA should be the most common action

Voice and Tone Guidelines

Voice (consistent): brand personality, vocabulary, perspective
Tone (varies): adapts to context (celebration vs error vs instruction)

Writing Principles

Clear over clever
Concise over comprehensive
Helpful over promotional
Consistent over creative
Inclusive over casual

Best Practices

Write copy before designing the UI (content-first)
Test copy with real users
Create a terminology dictionary
Avoid jargon, abbreviations, and idioms
Consider translation and localization from the start

02

UX Writing Categories

04Error Messages

06Confirmation Messages

07Onboarding Copy

08CTAs (Calls to Action)

09Voice and Tone Guidelines

10Writing Principles

Automation Tools

Coding Agent (bash-first)

Delegate coding tasks to Codex, Claude Code, or Pi agents via background process. Use when: (1) building/creating new features or apps, (2) reviewing PRs (spawn in temp dir), (3) refactoring large codebases, (4) iterative coding that needs file exploration. NOT for: simple one-liner fixes (just edit), reading code (use read tool), thread-bound ACP harness requests in chat (for example spawn/run Codex or Claude Code in a Discord thread; use sessions_spawn with runtime:"acp"), or any work in ~/clawd workspace (never spawn agents here). Claude Code: use --print --permission-mode bypassPermissions (no PTY). Codex/Pi/OpenCode: pty:true required.

Install Vscode Extension

How to install a VS Code extension from an extension ID. Useful when the user wants to add new capabilities to their VS Code environment by installing extensions.

microsoft184.0k

Launch

Launch and automate VS Code (Code OSS) using agent-browser via Chrome DevTools Protocol. Use when you need to interact with the VS Code UI, automate the chat panel, test UI features, or take screenshots of VS Code. Triggers include 'automate VS Code', 'interact with chat', 'test the UI', 'take a screenshot', 'launch Code OSS with debugging'.

microsoft184.0k

Agent Customization

**WORKFLOW SKILL** — Create, update, review, fix, or debug VS Code agent customization files (.instructions.md, .prompt.md, .agent.md, SKILL.md, copilot-instructions.md, AGENTS.md). USE FOR: saving coding preferences; troubleshooting why instructions/skills/agents are ignored or not invoked; configuring applyTo patterns; defining tool restrictions; creating custom agent modes or specialized workflows; packaging domain knowledge; fixing YAML frontmatter syntax. DO NOT USE FOR: general coding questions (use default agent); runtime debugging or error diagnosis; MCP server configuration (use MCP docs directly); VS Code extension development. INVOKES: file system tools (read/write customization files), ask-questions tool (interview user for requirements), subagents for codebase exploration. FOR SINGLE OPERATIONS: For quick YAML frontmatter fixes or creating a single file from a known pattern, edit the file directly — no skill needed.

microsoft184.0k

Automation Tools

Init

Generate or update chat customization files for AI coding agents

microsoft184.0k

Launch

Launch and automate VS Code Insiders with the Copilot Chat extension using agent-browser via Chrome DevTools Protocol. Use when you need to interact with the VS Code UI, automate the chat panel, test the extension UI, or take screenshots. Triggers include 'automate VS Code', 'interact with chat', 'test the UI', 'take a screenshot', 'launch with debugging'.

microsoft184.0k

Writers and Authors