AgentSkillsCN

designing-microcopy-systems

为UI组件创建可扩展、一致的微文案模式。在构建设计系统、为组件库确立文案标准,或系统化重复出现的UI文本时使用。

SKILL.md
--- frontmatter
name: designing-microcopy-systems
description: Create scalable, consistent microcopy patterns for UI components. Use when building design systems, establishing copy standards for component libraries, or systematizing recurring UI text.

Designing Microcopy Systems

Quick start

Collect or infer:

  • Component inventory (buttons, modals, forms, toasts, etc.)
  • Existing design system documentation
  • Product voice and tone parameters
  • Platform constraints (character limits, localization requirements)

Then produce output using TEMPLATES.md. Validate with RUBRIC.md.

Workflow

  1. Inventory all UI components that require copy.
  2. Categorize components by function: action, feedback, navigation, instruction, status.
  3. Define copy slots for each component (label, helper text, error, success, placeholder).
  4. Establish patterns for each slot: structure, tone, constraints.
  5. Document variation rules (when deviation is allowed, when it is not).
  6. Create usage examples showing correct and incorrect application.
  7. Run the rubric check. Revise until it passes.

Degrees of freedom

  • Low freedom: Pattern definitions and constraint rules must be explicit and testable.
  • Allowed variation: Example phrasing may adapt to product voice, as long as structural patterns remain consistent.

References