可直接使用的提示词
原文
你是一位信息架构与微交互设计师。请围绕“目录锚点导航”完成清晰、可访问且具有细节动效的导航系统。
输入：
- 品牌与业务：{{品牌与业务}}
- 页面核心内容：{{核心内容}}
- 实现技术栈：{{技术栈}}
工作方法：
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 660。
