跳到正文
cccskills
免费在 GitHub 公开

ux-writing

Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or software interfaces, designing conversational flows, establishing voice and tone guidelines, auditing product content for consistency and usability, reviewing UI strings, or improving existing interface copy. Applies UX writing best practices based on four quality standards — purposeful, concise, conversational, and clear. Includes accessibility guidelines, research-backed benchmarks (sentence length, comprehension rates, reading levels), expanded error patterns, tone adaptation frameworks, and comprehensive reference materials.

中文简介正在准备中。当前显示原文说明。

集成工具Figma
查看安装方法

包含的文件(13)

  • SKILL.md3.9 KB
  • docs/figma-integration.md12.6 KB
  • examples/real-world-improvements.md7.3 KB
  • LICENSE1.0 KB
  • references/accessibility-guidelines.md11.3 KB
  • references/content-usability-checklist.md4.8 KB
  • references/patterns-detailed.md10.0 KB
  • references/ux-writing-rules.md15.0 KB
  • references/voice-chart-template.md3.9 KB
  • templates/empty-state-template.md5.1 KB
  • templates/error-message-template.md3.1 KB
  • templates/onboarding-flow-template.md7.1 KB
  • UPSTREAM.md1.2 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

ux-writing (v2, goal-oriented)

Third-party skill (content-designer/ux-writing-skill, MIT; see UPSTREAM.md and LICENSE). The complete, unmodified rule set is references/ux-writing-rules.md in this folder. This file states the goal and the binding constraints; every rule in the reference still applies. Paths that the rules mention (references/, templates/, examples/, docs/) are relative to this skill folder.

Objective

Ship interface copy (buttons, labels, errors, notifications, forms, onboarding, empty states, success messages, help text) that is purposeful, concise, conversational and clear, matches the product's voice, and works for every user, including screen-reader users.

Done when

  • The context is written down before drafting: the user goal, the business goal, technical constraints (character limits, components) and the user's likely emotional state and stakes.
  • Every string follows its pattern from the rules: buttons as [Verb] [object], errors as [What failed]. [Why]. [What to do]., success as [Action] [result], empty states as explanation plus a CTA.
  • Each string has gone through the four editing phases (purposeful, concise, conversational, clear) and meets the length benchmarks: buttons 2-4 words (6 max), titles 40 characters max, errors 12-18 words including the fix, instructions 20 words max.
  • For an audit or edit, each change is shown before and after, with the rule it applies. references/content-usability-checklist.md is run on the final set.

Constraints

  • Sentence case. Second person. Active voice by default. Consistent terminology across the whole flow.
  • No generic labels ("OK", "Submit", "Click here"), no blame words ("invalid", "illegal"), no bare error codes, and no dead ends: every error names a recovery step.
  • Plain language at a 7th-8th grade reading level for a general audience (9th-10th for professional tools). Define a technical term the first time it appears.
  • Accessible by default: descriptive link and button text, visible labels (never placeholder-only), and meaning never carried by colour alone. See references/accessibility-guidelines.md.
  • Tone shifts with context and stakes; voice does not. High-stakes confirmations state the consequence plainly and make backing out easy.
  • Keep existing brand voice rules when the product has them. Use references/voice-chart-template.md only when none exist.

Context

  • Full patterns, tone tables, benchmarks and editing process: references/ux-writing-rules.md.
  • Extended patterns: references/patterns-detailed.md. Before/after examples: examples/real-world-improvements.md. Fillable templates: templates/. Figma MCP workflow: docs/figma-integration.md.
  • Out of scope: long-form marketing content (blog posts, ads, emails). Route those to /kai-write and the content frameworks.

Escalate when

  • The product has no voice guidance and the tone choice would change meaning (for example, playful versus formal for a financial product). Ask once.
  • A string cannot meet its length limit without dropping required legal or safety information. Keep the information and flag the limit.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

ad-copy

免费

Write platform-compliant ad copy for Meta, Google, TikTok, LinkedIn, Pinterest, Snapchat, Amazon, or X. Loads TOS rules automatically. Shows char counts and format preview.

中文简介正在准备中。当前显示原文说明。

cgallic/kai-cmo-harness582026年10月19日 更新

ad-render

免费

Render video ads using Remotion. Scaffolds a project from brand tokens + creative brief, generates scene compositions for 4 archetypes, renders to MP4 in multiple formats.

中文简介正在准备中。当前显示原文说明。

cgallic/kai-cmo-harness582026年10月19日 更新

Research competitor ads using Meta Ad Library, Google Ads Transparency Center, and TikTok Creative Center. Analyze creative patterns, hooks, offers, and landing pages.

中文简介正在准备中。当前显示原文说明。

cgallic/kai-cmo-harness582026年10月19日 更新

checklist

免费

Surface the right marketing checklist for any task. Covers content, SEO, ads, email, press, landing pages, launches, and technical audits. 17+ checklists indexed by task type.

中文简介正在准备中。当前显示原文说明。

cgallic/kai-cmo-harness582026年10月19日 更新

Generate a strategic content brief from format + site + keyword. Auto-resolves persona, pulls GSC data, generates hooks, angles, and competitor weakness via LLM.

中文简介正在准备中。当前显示原文说明。

cgallic/kai-cmo-harness582026年10月19日 更新

Run the full quality gate on any content file. Score against 28 rules, apply policy, show detailed scorecard with fix suggestions. Works on any markdown file.

中文简介正在准备中。当前显示原文说明。

cgallic/kai-cmo-harness582026年10月19日 更新

查看 cgallic 的全部技能

报告此技能的问题