页面预览
把成果渲染成可直接查看的页面。页面类成果可以直接预览并按屏幕尺寸检查，是它最独特的一项
TRAE × 内容与创意 · 原生覆盖 71%
TRAE × 客户评价展示设计 Skill
客户评价展示设计 Skill有 7 个执行步骤，其中 5 步可以在 TRAE 里直接完成。它能把成果渲染成可直接查看的页面，正好对应这个 Skill 里最吃工具的一段。操作前确认、批处理属于有条件支持，执行路径和原生能力不同，下面单独说明。
- 5/7步可直接执行
- 无需手工衔接的步骤
- 未进前十在本 Agent 的推荐清单
WHY TRAE
适配结论
TRAE 适合需要边改边看客户评价区块的团队
客户评价展示设计 Skill不在 TRAE 的前十推荐里——TRAE更擅长营销工作与网站、落地页和程序化 SEO，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。
TRAE 适合需要边改边看客户评价区块的团队。Work 先整理评价原文、受众、来源和位置方案，IDE 定位数据文件、卡片组件与媒体资源，页面预览用于核对桌面和手机上的文字长度、头像、Logo、视频与区块顺序。确认内容后再应用改动并运行构建，真实设备与公开发布由团队复查。
CAPABILITY × STEP
核心差异
评价素材、组件修改和多宽度预览连续完成
客户评价展示设计 Skill 共 7 个环节。TRAE 可直接执行 5 个环节（含 2 个仅需判断的环节），2 个需要相应工具与配置。判断质量取决于输入资料与具体推理。
5步可直接执行
2步有条件支持
无需手工衔接的步骤
71%原生覆盖率
| 步骤 | 所需能力 | 等级 | 在 TRAE 下具体怎么做 |
|---|---|---|---|
| 01 确认受众与需要回应的疑虑 | 打开网页取正文写本地文件页面预览操作前确认 | 有条件 | 可以做但有条件：TRAE 对操作前确认的支持有限制。 |
| 02 整理评价原文与可信信息 | 写本地文件批处理操作前确认 | 有条件 | 可以做但有条件：大规模批量建议在 IDE 侧用脚本承接。 |
| 03 按角色、场景和结果筛选 | 纯判断 | 任意 Agent | 纯判断步骤，任何 Agent 都一样，取决于你给的资料质量。 |
| 04 选择文本、视频、案例或评分 | 运行脚本页面预览 | 直接执行 | 直接交给 TRAE：它能运行脚本处理数据和格式转换。 |
| 05 安排页面位置与信息顺序 | 页面预览 | 直接执行 | 直接交给 TRAE：它能把成果渲染成可直接查看的页面。 |
| 06 补齐可信信息与设计规格 | 纯判断 | 任意 Agent | 纯判断步骤，任何 Agent 都一样，取决于你给的资料质量。 |
| 07 检查页面与更新记录 | 打开网页取正文写本地文件页面预览 | 直接执行 | 直接交给 TRAE：它能访问原始页面并抽取正文。 |
TRAE 把素材表、代码和页面预览放在同一项目里。Work 固定可以公开的原文与目标受众，IDE 调整组件字段和页面位置，预览窗口检查文字是否被截断、媒体是否拖慢页面、手机端是否难以阅读。判断依据来自已批准素材和实际页面。
- 01
确认评价形式、目标受众与展示位置
在 Work 导入评价资料、原始记录和页面要求，列出已有字段、目标受众、计划形式与代表页面。
- 02
按场景和具体结果筛选素材
按角色、行业与用例选择原话，在 Work 中保留采用理由和待补项，不为了版面长度改造客户意思。
- 03
选择展示形式与页面位置
在 IDE 对照现有组件安排文本、视频、案例或评分，并在预览中观察产品说明、价格和 CTA 周围的顺序。
- 04
完成可信信息、移动端与加载检查
预览桌面、平板和手机，检查姓名职位、头像 Logo、替代文本、视频加载、文字截断和纵向阅读。
IMPORT · RUN
资料导入与任务下发
在项目导入 Skill、评价材料与代表页面
TRAE可以直接读取目录里的资料，把这些文件放在同一个位置即可。
需要准备的资料
- 目标页面 URL 或截图、页面类型、主要受众、页面目标与 CTA 位置
- 现有客户评价、视频、案例、评分或评论链接，以及每条素材的原始出处
- 客户姓名、职位、公司、Logo、头像和对应的原始记录
- 品牌语气、设计系统、手机端要求、图片与视频加载限制
在 TRAE 里是这样推进的
研究和写作任务可以在 TRAE Work 中准备资料；落地页、网站和程序化 SEO 项目放进 TRAE IDE。
导入 Skill 后，可以创建研究、文案、设计和开发角色分工完成，再用 MCP 读取已授权的数据和资料。
项目级 Skill 放入 .agents/skills/，把已批准评价、媒体、设计规范和目标页面纳入工作区，先生成素材与改动清单。
COLLABORATE · CHAIN
协作与后续衔接
围绕页面预览确认评价是否易读可信
围绕页面预览确认评价是否易读可信
品牌确认原话和客户信息，产品营销确认受众与位置，设计和开发在多宽度预览中确认版式与媒体。
Work 中的素材决定进入 IDE 和预览
先在 Work 固定可公开内容，再在 IDE 更新组件，最后用预览与构建任务检查页面。
COMBINATION CASE
场景化实战案例
示例：手机端重排视频与文本评价
示例：手机端重排视频与文本评价
假设桌面端一条视频与三条文本评价并排，手机端标题被截断、视频文件过大，CTA 被推到很远。
- 确认已批准素材
- 调整手机端顺序
- 压缩媒体并补替代内容
- 检查评价文字长度
- 预览三种宽度
预期结果：交付物应包含素材表、组件差异和多宽度预览记录；公开使用确认由业务负责人另行完成，真实设备与发布决定由团队确认。
VERIFY · TROUBLESHOOT
效果验证方法
分别预览桌面、平板和手机，检查长原话、客户信息、头像、视频、文字截断、纵向顺序与加载表现
分别预览桌面、平板和手机，检查长原话、客户信息、头像、视频、文字截断、纵向顺序与加载表现。
可直接使用的第一个任务
请在 TRAE 中使用「客户评价展示设计 Skill」。本次要完成：SaaS 定价页只有一句很好用，需要换成包含客户角色、使用场景和具体变化的评价。我会提供目标页面 URL 或截图、页面类型、主要受众、页面目标与 CTA 位置和现有客户评价、视频、案例、评分或评论链接，以及每条素材的原始出处。请先完成一份小样，交付素材选择表：评价原文、适用受众、使用场景、具体结果和来源和展示形式建议：文本、视频、案例或评分的选择理由与使用条件，并列出需要我核对的事实和数字。
安装后的最小验证任务
安装完成后，请 TRAE 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。
TRAE 常见问题
- 没有调用 Skill 时，在 Skills 设置中确认已经启用
- 项目级 Skill 未出现时，检查 .agents/skills 目录
- 页面结果不合适时，打开预览并指出具体区块和屏幕尺寸
- 操作前确认相关步骤结果不稳定时，先确认当前环境是否满足条件
TRAE 跑客户评价展示设计 Skill需要改哪几步？
7 步里 5 步可直接执行，2 步需要相应工具与配置。请结合逐步说明确认实际做法。
资料要怎么交给 TRAE？
TRAE可以直接读取目录里的资料，把这些文件放在同一个位置即可。
装完先做什么验证？
安装完成后，请 TRAE 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。
为什么选 TRAE 而不是别的 Agent？
因为它能把成果渲染成可直接查看的页面，在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里，页面下方列出了更合适的选择。
TRAE 常见的失败情况有哪些？
没有调用 Skill 时，在 Skills 设置中确认已经启用；项目级 Skill 未出现时，检查 .agents/skills 目录；页面结果不合适时，打开预览并指出具体区块和屏幕尺寸。
按预览记录素材与布局问题
记录页面、组件、断点、评价 ID 和媒体问题，修复后在同一组宽度复查，避免只看桌面截图。
INSTALL
安装到 TRAE
把客户评价展示设计 Skill装进 TRAE，点几下完成
把提示词复制给 TRAE，它会自己下载 ZIP 并完成安装，装完会报告实际目录。
METHOD 01 · 交给 AI 自己装
复制提示词
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。
请帮我把「客户评价展示设计 Skill」安装到 TRAE。 1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-testimonials/1.0.0/skill-testimonials.zip 注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件，按 TRAE 的方式安装：在 Skills 设置中导入包含 SKILL.md 的 skill-testimonials 目录；项目级 Skill 可放入 .agents/skills/skill-testimonials 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证：在 Skills 设置里确认已启用，再让它对一个页面或一份材料做只读检查。 5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。 参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-testimonials/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-testimonials.md
METHOD 03 · 手动放目录
手动安装
解压 ZIP 后，在 TRAE 中执行：
在 Skills 设置中导入包含 SKILL.md 的 skill-testimonials 目录；项目级 Skill 可放入 .agents/skills/skill-testimonials
验证：在 Skills 设置里确认已启用，再让它对一个页面或一份材料做只读检查。
- 项目级 Skill 未出现时检查 .agents/skills 目录
- 页面结果不合适时打开预览并指出具体区块和屏幕尺寸
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
ZCode、Codex、Claude Code在这个 Skill 上覆盖更多环节
下面的步数来自逐步比对。卡在哪一步，就看哪个 AI 能直接完成那一步。
ZCode 客户评价展示设计
ZCode在这个 Skill 上直接覆盖 5/7 步，而且能对多个对象循环执行同一套方法——如果你这次的卡点正是批处理，换它更省事。
Codex 客户评价展示设计
Codex在这个 Skill 上直接覆盖 3/7 步，而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认，换它更省事。
Claude Code 客户评价展示设计
Claude Code在这个 Skill 上直接覆盖 3/7 步，而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认，换它更省事。
FURTHER READING
TRAE 与客户评价展示设计相关的实操文章
围绕 TRAE 和这个任务的共同标签挑出来的，换成别的 Agent 看到的不是同一批。
流量结构一变，后台最显眼的数字就是转化率往下掉。很多人的反应是改按钮颜色、改表单字段、再开一轮首屏测试。这些能测，但排在后面。转化率是「来的人里有多少做了你要的动作」，来的人换了，动作完成率一定会动。
这次营销邮件发出后，打开率比往期低了不少。内容同事先改主题行，运营把发送时间从上午挪到晚上，第二轮数据仍没有起色。这样的排查很常见，问题在于打开率把几件事压成了一个数字：平台怎样统计、邮件有没有被接收
分享到 LinkedIn 的标题，别拿页面 Title 直接去灌
文章页点了分享，LinkedIn 和 X 上弹出来的卡片，用的经常是页面后台 Title。后台 Title 是写给搜索和浏览器标签的，里面会塞栏目名、品牌名、竖线分隔，拿到信息流里又长又像后台。分享卡
市场团队手里经常有这样的反馈：客户在复盘会上说产品确实解决了问题，也同意团队整理成文字，但一提公开姓名、公司和 Logo，审批就停住了。最后，官网只剩一句“某头部客户高度认可”，销售也不愿发给潜客，因
Vibe Marketing和内容营销的区别：策略与工作方式之辨
内容营销是用内容资产换取长期流量的策略，Vibe Marketing是意图驱动、AI执行、人判断的工作方式，二者不在同一层。本文给四维对比表、三个易混点和组合判断清单。
用 AI 辅助内容生产不等于把选题丢给模型、把输出直接发布。没有 SOP 的 AI 内容生产通常表现为两种结果：要么输出质量不可控，要么人工修改成本甚至高于从头写。这份 SOP 的目标是建立一套可重复
NEXT WORKFLOW
搭配使用
导航站收录 Skill、TikTok 营销 Skill、小红书内容运营 Skill
按产出物与输入资料的衔接关系计算，都是同一个 Agent 下的版本，装完可以直接接着跑。
TRAE · SEO 与 GEO#01
TRAE 导航站收录 Skill
用 TRAE 完成「新产品准备在 Product Hunt 做首发」，最终得到带网址与收录状态的 CSV 跟踪表单。
来源项目 · coreyhaines31/marketingskills ★ 47,379 · Fork 7,380
TRAE · 社媒与红人#02
TRAE TikTok 营销 Skill
用 TRAE 完成「批量生成短视频选题」，最终得到短视频脚本和分镜要点。
来源项目 · kostja94/marketing-skills ★ 954 · Fork 132
TRAE · 社媒与红人#03
TRAE 小红书内容运营 Skill
用 TRAE 完成「搜索关键词并分析热门笔记」，最终得到搜索与竞品分析结果。
来源项目 · autoclaw-cc/xiaohongshu-skills ★ 1,864 · Fork 232