‹ 首页

ux-copy

@getcrew44 · 收录于 昨天 · 上游提交 1 个月前

Use to write or review microcopy — CTAs, error messages, empty states, confirmation dialogs, tooltips, onboarding text.

适合你,如果你经常需要为产品界面撰写或审查文案。

/ 通过 npx 安装 校验哈希
npx oh-my-skill add getcrew44/crew44/ux-copy
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- getcrew44/crew44/ux-copy
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify getcrew44/crew44/ux-copy
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
358GitHub stars
~706上下文体积 · 单文件
索引托管

怎么用

商店整理自技能原文 · 版本 cfcf1e7 · 表述以原文为准
它做什么

装上后,Claude 会根据清晰、简洁、一致等原则,编写或审查界面上的按钮、错误提示、空白状态、确认框、提示文字等微文案,并给出推荐文案、替代方案、理由和本地化建议。

什么时候触发

当你要求 Claude 编写或改进任何界面中的文字(如按钮、错误消息、空白状态等)时触发。

装好后可以这样说
Claude 会给出结构完整的确认文案。
Claude 会基于“什么+为什么+如何修复”模式优化。
技能原文 SKILL.md作者撰写 · MIT · cfcf1e7

UX Copy

Words in interfaces are design decisions. They set tone, frame action, and decide how the user feels at the moment they read them.

Principles
  • Clear. Say what you mean. No jargon, no ambiguity, no marketing copy in a moment that needs information.
  • Concise. Use the fewest words that carry the full meaning. Then cut one more.
  • Consistent. The same term for the same thing, everywhere. "Project," "workspace," and "board" are not interchangeable.
  • Useful. Every word helps the user act. Decorative copy is filler.
  • Human. Write like a person who's trying to help, not a system that's trying to log an event.
Patterns
CTAs
  • Start with a verb: "Start free trial," "Save changes," "Delete files."
  • Be specific: "Create account" beats "Submit."
  • Match the button label to the outcome. "Pay $29" tells the user exactly what happens next.
Error messages

Structure: what happened + why + how to fix.

"Payment declined. Your card was declined by your bank. Try a different card or contact your bank." Avoid blaming the user. Avoid "An error occurred." Avoid stack-trace nouns ("ValidationError: field invalid").

Empty states

Structure: what this is + why it's empty + how to start.

"No projects yet. Create your first project to start collaborating with your team." Empty states are onboarding moments — they're the first impression for users who haven't done anything yet.

Confirmation dialogs
  • Make the action the question: "Delete 3 files?" not "Are you sure?"
  • Describe consequences when relevant: "This can't be undone."
  • Label buttons with the action, not "OK"/"Cancel": Delete files / Keep files.
Tooltips

Concise, helpful, never restating what's already obvious from the label. If the tooltip says the same thing as the label, cut the tooltip.

Loading states

Set expectations. "Loading…" is fine for under a second. "Processing your file — this can take 30 seconds" is fine when it actually takes 30 seconds. Lying about duration erodes trust.

Tone by moment
  • Success. Acknowledge, don't over-celebrate. The user did the work.
  • Error. Empathetic and actionable. Don't apologize; help them recover.
  • Warning. Clear and actionable. Don't bury the risk under softeners.
  • Neutral. Informative. No fake friendliness.
Output
  • Recommended copy for each element.
  • Alternatives when tone or length tradeoffs are live (e.g., terse vs. warm). Note when to use each.
  • Rationale — short. Why this copy, tied to the user's state.
  • Localization notes — idioms to avoid, length variance to expect, anything cultural.
Anti-patterns
  • "Oops! Something went wrong." — Says nothing, blocks recovery.
  • "Are you sure?" — The button label should already make consequences clear.
  • Marketing voice inside the product ("Awesome! You're crushing it!") — fine once, exhausting daily.
  • Different terms for the same concept across screens.
按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。