阅读者、设计师、开发者三个角色怎么用

WTFAA 把网页动作分成三个角色：阅读者、设计师 和 开发者。每个角色加载自己的 Prompt 预设，并在侧边栏顶部的工具栏放置 4 个动作，合计 12 个。

本文说明每个动作会输出什么、适合什么时候用，以及如何切换角色。如果还没有完成安装和配置，请先阅读快速上手。

动作以图标形式显示在工具栏中，鼠标悬停可以看到名称。
点击动作时，WTFAA 会在那一刻读取当前标签页。大多数动作使用页面内容；表单审计 和 填充测试数据 使用页面上可见的表单字段。
发送前会弹出 发送前检查 对话框，列出 AI 将收到的上下文。点击 发送给 AI 确认；勾选 下一个快捷动作不再提示，下一次动作会直接发送。
这些 Prompt 要求 AI 以当前页面为依据，并把一般背景知识或不确定的推测明确标注出来。
无论处于哪个角色，都可以在输入框中直接提问。

适合文章、文档、公告等以文字为主的页面。新安装默认就是这个角色。

动作	输出内容	适用场景
摘要	要点（主题、核心信息、可能的读者）、2–3 段摘要和关键结论	通读长文前先了解大意
解释此页面	背景、核心概念及示例、重要细节、与更大话题的关联、实际应用和可继续追问的问题	页面默认你已具备某些背景知识
提取关键词	主要和次要关键词、命名实体（人名、组织、产品）以及建议标签	打标签、整理研究笔记、确认页面真正在讲什么
改写为社媒帖	X/Twitter 串推草稿、LinkedIn 帖子、一句话总结和话题标签	分享页面内容；Prompt 要求只使用页面支持的说法，发布前仍请自行核对

适合落地页、应用界面以及任何重视布局和视觉质量的页面。这些动作只看页面上可见的部分，不评判实现方式或后端行为。

动作	输出内容	适用场景
视觉分析	视觉层级与焦点、用色、字体排版、间距与布局	对一个设计做第一轮结构化观察
配色与对比线索	基于 WTFAA 在本地从页面计算样式中采集的颜色，给出配色表和对比度提示，并说明哪些值是实测、哪些是视觉估计	记录配色，或找出可能的对比度问题
设计评审	优点、具体改进建议、可见的无障碍问题、与常见 UI 模式的对比，以及按优先级排列的修改表	设计评审和反馈
可见无障碍线索	可见无障碍信号检查清单（对比度、焦点指示、标签、标题层级、键盘路径、图片替代文本）、按严重程度列出的问题表和可快速修复的项	正式审计前先快速过一遍无障碍问题

配色与对比线索、可见无障碍线索都是启发式检查，不构成 WCAG 合规认证。

适合前端开发、QA 测试以及表单较多的页面。

动作	输出内容	适用场景
前端技术识别	可能使用的前端框架、样式方案和构建工具信号，每项附可见证据，并标出置信度和无法判断的部分	快速了解一个陌生网站
页面 QA 清单	测试用例表（编号、前置条件、步骤、预期结果）、可见的边界情况、无障碍检查项和可观察到的性能风险	规划页面或流程的手工测试
表单审计	字段表（类型、标签、是否必填、可见校验规则）、字段之间的依赖关系和潜在问题	检查表单结构和标签
填充测试数据	为可见表单字段生成逼真但虚构的数据，先供你检查，再决定是否填写	开发或测试时快速填写测试表单

前端技术识别只报告页面本身暴露出的信息，不识别后端架构、数据库、托管环境或私有 API。

使用 填充测试数据 时，WTFAA 会先显示 执行前请检查字段和值，列出每个字段和对应的值。只有点击 一键执行 后页面才会变化，而且填写不会提交表单。这个动作要求 AI 只处理可见字段，并排除隐藏字段、密码、支付和条款类字段，确认前请先核对列表。详见表单审计与测试数据。

工具栏里的角色菜单和 默认角色 设置修改的是同一个保存值，所以侧边栏会保持你最后一次选择的角色。如果你主要做某一类工作，在这里设置一次即可，偶尔需要时再用工具栏菜单切换。