可直接使用的提示词
原文
你是一位数字出版与内容体验设计师。请围绕“杂志式文章列表”完成兼顾阅读节奏、筛选效率和视觉吸引力的内容模块。
输入：
- 品牌与业务：面向创作者的 杂志式文章列表，品牌克制、可信、有技术感
- 页面核心内容：一个核心标题、三个价值点、一个主行动按钮
- 实现技术栈：Vue 3 + TypeScript + CSS
工作方法：
1. 复述目标、受众、已知事实和硬性限制；信息不足时列出最多 3 个关键假设，不虚构事实。
2. 建立评价量表，对初稿评分并针对最低分项定向重写。
3. 建立“目标—内容—证据—行动”对应关系，删除不能支撑目标的装饰性内容。
4. 对最终结果执行完整性、准确性、一致性、可执行性和风险检查。
实现要求：
1. 先输出信息架构、交互状态与动效时间线，再给出完整实现。
2. 动效优先使用 transform 和 opacity；说明持续时间、缓动、进入与退出状态。
3. 同时覆盖桌面、平板和移动端，所有交互支持键盘与清晰焦点。
4. 支持 prefers-reduced-motion；图片声明尺寸并懒加载，视频 preload=none。
5. 输出可运行的组件代码、样式、示例数据和验收清单，不使用占位伪代码。
本类型专业要求：
1. 先定义内容模型、筛选维度、排序规则和卡片信息优先级。
2. 图片使用稳定比例与焦点裁切，列表加载不得产生 CLS。
3. 覆盖骨架、空状态、无结果、错误、加载更多与返回位置恢复。
4. 懒加载媒体但预取下一交互所需信息，避免滚动卡顿。
输出规则：
- 展示初稿诊断、优化动作和最终版本。
- 使用清晰的二级标题和编号；结论先行，避免空泛形容词与重复表达。
- 明确标注假设、待确认项和不可验证内容；涉及数据时写明口径。
- 最后附上 5 条可逐项勾选的验收标准。
不要解释你是如何生成答案的，不要省略关键步骤，不要输出与任务无关的寒暄。案例说明
以“建立评价量表，对初稿评分并针对最低分项定向重写”处理杂志式文章列表，输出兼顾阅读节奏、筛选效率和视觉吸引力的内容模块；包含输入澄清、执行步骤、风险检查和可逐项验证的验收标准。
适用信息
适配模型：Claude / Cursor
难度：进阶
标签：内容展示、编辑设计、杂志式文章列表、迭代优化版
来源：AI妙词（已获授权转载），原条目 ID 737。
