返回技能库
设计 / UX 内容精选

产品界面文案与 UX 内容设计

聚焦产品内微文案、表单标签与提示、引导、空/加载/错误/成功状态和通知,让用户看懂下一步并顺利解决问题。

查看安装方式

技能说明

面向产品界面的文案写作与评审,不是长篇营销文案工具。它把文案当作交互的一部分,结合用户任务、页面状态、可访问性和语气规范,改善理解、行动、信任与问题恢复。

关于此技能

由 hueyexe/frontend-agent-skills 提供的产品 UX 文案技能。覆盖按钮与链接、字段标签、辅助说明、空状态、引导、校验、错误、成功、加载进度、通知、术语、语气与内容规范,强调在真实界面状态中写作和评估。

核心能力

覆盖关键界面状态

为标签、提示、按钮、空状态、错误、成功、加载和通知选择合适的表达方式。

从用户任务出发

先确认文案要帮助用户理解、采取行动、信任产品还是从问题中恢复,不以“有趣”取代清晰。

把错误写成可恢复路径

避免责怪用户或只显示技术错误;说明发生了什么,并给出可行的下一步。

兼顾可访问与可本地化

关注可见标签、辅助技术状态、文本长度、术语一致和界面扩展空间。

适用场景

优化表单与转化流程

评审字段标签、约束说明、验证时机、提交反馈和失败恢复。

完善引导与空状态

让新用户理解如何开始,或在没有数据时知道原因和下一步。

检查已有界面文案

结合截图、组件或产品流程,检查按钮、错误提示、通知和语气是否清晰可信。

使用步骤

  1. 01

    按官方命令安装单项技能

    使用 npx skills@latest add hueyexe/frontend-agent-skills --skill ux-writing-content-design,并选择支持 Skills 格式的 Agent。

  2. 02

    提供界面与任务背景

    说明用户目标、产品场景、界面状态、品牌语气和实现限制;有截图或文案时一并提供。

  3. 03

    按状态设计和修改文案

    确认每条文字承担的作用,优先使用具体行动和可理解的后果,并补齐错误与恢复路径。

  4. 04

    按清单复查

    检查可读性、可访问性、语气一致、本地化长度和下一步是否明确;高风险领域的文案交由专业人员复核。

常见问题

它和网页营销文案有什么区别?+

它主要处理产品内部的交互文案和状态反馈;长篇广告、品牌宣传、SEO 文章等不是它的主要用途。

它能代替视觉设计技能吗?+

不能。它关注文字对理解和交互的影响;纯布局、颜色、插画或动效任务应使用相应设计技能。

可以直接生成法律、医疗或金融承诺文案吗?+

不能替代专业审查。可协助提高可读性,但涉及法规或高风险决策的内容必须由有资质的专业人员复核。

安装前检查

把兼容性、来源和安装入口先看清楚,再放进自己的工作流。

信息卡
兼容平台

Claude Code · Cursor · OpenCode

来源状态

已提供来源链接

安装方式

命令可直接复制

最近整理

2026/09/19

安装提醒:即使有清晰的来源和安装方式,也建议先阅读 SKILL.md,确认它会访问哪些文件和服务。

安装命令
npx skills@latest add hueyexe/frontend-agent-skills --skill ux-writing-content-design

适用平台与标签

Claude CodeCursorOpenCodeKiro兼容 Agent Skills#UX 文案#微文案#空状态#错误提示#表单#可访问性