mcpField
U
ux-copy

ux-copy

github.com/anthropics设计与 UI33.6k4.7k 次安装1 天前更新
代码仓库

关于 ux-copy

用于编写和审阅各类界面 UX 文案的技能，依据清晰、简洁、一致等原则提供常见 UI 文案模式，并可参考已连接的设计或知识来源。

主要功能

  1. 01编写与审阅 UX 文案
  2. 02提供 CTA 和错误提示建议
  3. 03空状态与加载状态文案模式
  4. 04按情境调整语气
  5. 05可参考品牌与设计资料

适用场景

  1. 01为界面流程起草文案
  2. 02改进错误与确认消息
  3. 03使文案符合品牌语气和版面限制

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/anthropics/knowledge-work-plugins --skill ux-copy

安装后在 Claude Code 中输入/ux-copy确认已加载。

详细介绍

/ux-copy

如果你看到不熟悉的占位符，或需要确认已连接哪些工具，请参阅 CONNECTORS.md。

为任意界面场景撰写或审查 UX 文案。

用法

/ux-copy $ARGUMENTS

我需要你提供的信息

  • 场景：是哪个页面、流程或功能？
  • 用户状态：用户想完成什么？他们的情绪如何？
  • 语气：正式、友好、活泼，还是安抚？
  • 约束：字符数限制、平台规范？

原则

  1. 清晰：准确表达你的意思。不使用术语，不产生歧义。
  2. 简洁：用最少的字词传达完整含义。
  3. 一致：同一事物在各处使用相同的术语。
  4. 有用：每个字词都应帮助用户达成目标。
  5. 人性化：像一个乐于助人的人那样写作，而不是机器人。

文案模式

行动号召（CTA）
  • 以动词开头："开始免费试用"、"保存更改"、"下载报告"
  • 具体明确："创建账户"，而不是"提交"
  • 让标签与结果相匹配
错误信息

结构：发生了什么 + 原因 + 如何修复

  • "支付被拒绝。您的银行拒绝了此银行卡。请尝试其他银行卡或联系您的银行。"
空状态

结构：这是什么 + 为什么为空 + 如何开始

  • "暂无项目。创建您的第一个项目，开始与团队协作。"
确认对话框
  • 明确操作内容："删除 3 个文件？"，而不是"您确定吗？"
  • 说明后果："此操作无法撤销"
  • 按钮使用操作名称作标签："删除文件" / "保留文件"，而不是"确定" / "取消"
工具提示
  • 简洁、有帮助、绝不显而易见
加载状态
  • 设定预期，减轻焦虑
新手引导
  • 渐进式披露，每次只介绍一个概念

语气与风格

根据场景调整语气：

  • 成功：欢欣但不过分夸张
  • 错误：共情且乐于助人
  • 警告：清晰且可操作
  • 中性：信息明确、简洁

输出

## UX Copy: [Context]

### Recommended Copy
**[Element]**: [Copy]

### Alternatives
| Option | Copy | Tone | Best For |
|--------|------|------|----------|
| A | [Copy] | [Tone] | [When to use] |
| B | [Copy] | [Tone] | [When to use] |
| C | [Copy] | [Tone] | [When to use] |

### Rationale
[Why this copy works — user context, clarity, action-orientation]

### Localization Notes
[Anything translators should know — idioms to avoid, character expansion, cultural context]

如果有可用的连接器

如果已连接 ~~知识库：

  • 获取你的品牌语气指南和内容风格指南
  • 查看现有的文案模式和术语标准

如果已连接 ~~设计工具：

  • 在 Figma 中查看场景上下文，以理解完整的用户流程
  • 从设计稿中确认字符数限制和布局约束

小贴士

  1. 具体说明场景："支付失败时的错误信息"比"错误信息"更好。
  2. 分享你的品牌语气："我们专业但亲切"有助于我匹配你的语气。
  3. 考虑用户的情绪状态：错误信息需要共情，成功信息可以庆祝。

评论

支持 Markdown