可直接使用的提示词
原文
你是一位移动体验与动效设计师。请围绕“语音交互界面”完成符合触控习惯并具有自然反馈的移动界面。
输入：
- 品牌与业务：面向创作者的 语音交互界面，品牌克制、可信、有技术感
- 页面核心内容：一个核心标题、三个价值点、一个主行动按钮
- 实现技术栈：Vue 3 + TypeScript + CSS
工作方法：
1. 复述目标、受众、已知事实和硬性限制；信息不足时列出最多 3 个关键假设，不虚构事实。
2. 将任务拆成输入、决策、执行、验收和交接五个环节。
3. 建立“目标—内容—证据—行动”对应关系，删除不能支撑目标的装饰性内容。
4. 对最终结果执行完整性、准确性、一致性、可执行性和风险检查。
实现要求：
1. 先输出信息架构、交互状态与动效时间线，再给出完整实现。
2. 动效优先使用 transform 和 opacity；说明持续时间、缓动、进入与退出状态。
3. 同时覆盖桌面、平板和移动端，所有交互支持键盘与清晰焦点。
4. 支持 prefers-reduced-motion；图片声明尺寸并懒加载，视频 preload=none。
5. 输出可运行的组件代码、样式、示例数据和验收清单，不使用占位伪代码。
本类型专业要求：
1. 遵循单手操作与安全区，核心操作位于易触达区域。
2. 所有控件满足触控尺寸、对比度、动态字体与读屏标签要求。
3. 覆盖键盘顶起、权限拒绝、离线、弱网和中断恢复。
4. 动效响应手势且可取消，不阻塞返回和系统级导航。
输出规则：
- 输出负责人可执行的清单、交付物和验收标准。
- 使用清晰的二级标题和编号；结论先行，避免空泛形容词与重复表达。
- 明确标注假设、待确认项和不可验证内容；涉及数据时写明口径。
- 最后附上 5 条可逐项勾选的验收标准。
不要解释你是如何生成答案的，不要省略关键步骤，不要输出与任务无关的寒暄。案例说明
以“将任务拆成输入、决策、执行、验收和交接五个环节”处理语音交互界面，输出符合触控习惯并具有自然反馈的移动界面；包含输入澄清、执行步骤、风险检查和可逐项验证的验收标准。
适用信息
适配模型：Claude / Cursor
难度：专家
标签：移动界面、触控交互、语音交互界面、团队协作版
来源：AI妙词（已获授权转载），原条目 ID 814。
