页面预览
把成果渲染成可直接查看的页面。网页类成果可以直接预览并配合 Git 状态检查改动
ZCode × 内容与创意 · 可处理 3/4 个环节
产品集成页策划 Skill有 4 个执行步骤,ZCode 可以处理 3 步,其中 3 步需要相应工具与配置。它能把成果渲染成可直接查看的页面,正好对应这个 Skill 里最吃工具的一段。需要提前知道的是:中文办公文档这 1 项它不做,涉及的 1 个步骤要按下面的手工方式衔接。
WHY ZCODE
适配结论
产品集成页策划 Skill可以作为独立任务在 ZCode 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。
ZCode 适合把大量集成资料、目录页面和多轮审阅设为一个长任务,用子任务分头整理分类、卡片和重点页面,并从飞书或手机继续跟进修改。
把成果渲染成可直接查看的页面。网页类成果可以直接预览并配合 Git 状态检查改动
CAPABILITY × STEP
核心差异
产品集成页策划 Skill 共 4 个环节。ZCode 可以处理 3 个环节,其中 3 个需要相应工具与配置;另外 1 个需要团队补充。实际结果取决于输入资料、已接入工具与运行环境。
| 步骤 | 所需能力 | 等级 | 在 ZCode 下具体怎么做 |
|---|---|---|---|
| 01 确认集成类型、重点平台、页面规模与主要行动 | 读本地资料打开网页取正文产物区审阅 | 有条件 | 可以做但有条件:ZCode 对产物区审阅的支持有限制。 |
| 02 按使用场景组织目录、分类、搜索与筛选 | 读本地资料写本地文件中文办公文档产物区审阅 | 需手工 | 改成手工:先把办公文档另存为 Markdown 或纯文本。(办公文档需要先转成文本或 Markdown) |
| 03 完成集成卡片和重点集成页内容 | 读本地资料写本地文件页面预览产物区审阅 | 有条件 | 可以做但有条件:ZCode 对产物区审阅的支持有限制。 |
| 04 补齐 CTA、站内链接与 SEO 元数据 | 写本地文件打开网页取正文页面预览浏览器自动化产物区审阅 | 有条件 | 可以做但有条件:ZCode 对浏览器自动化的支持有限制。 |
集成中心常需要产品、生态、内容、设计和开发多轮确认。ZCode 可以在同一 Goal 中保留集成数据、产品资料、页面稿与审阅记录,用子任务分头整理分类、卡片和重点页面,再合并成统一目录。
用 @ 引用产品、生态和站点资料,设定集成范围、重点平台、页面形式、主要 CTA 与本轮 Goal。
分派子任务整理平台分类、搜索字段和重点推荐,由主任务合并成统一目录结构。
根据已确认资料生成卡片和独立页面稿,并在同一 Goal 中保留截图、帮助入口和修改记录。
输出 TDK 和内链方案,逐项检查页面路径、连接入口和相关集成推荐。
IMPORT · RUN
资料导入与任务下发
ZCode可以直接读取目录里的资料,把这些文件放在同一个位置即可。
打开营销项目工作区,用 @ 引用网站文件、品牌资料、数据表或需求文档,并为长任务设置一个可以验收的目标。
从设置页导入或安装 Skill,在对话中输入 $ 选择技能;它可以结合文件、终端、预览和子任务持续推进。
把 skill-integrations-page 复制到 ~/.zcode/skills/,再用 @ 引用集成表、产品资料、截图目录和网站项目,写清交付文件与完成标准。
MANUAL HANDOFF
需要团队补充的步骤
有 1 项能力需要你在 ZCode 之外完成,下面写清了各自影响哪一步、怎么补。
影响:第 2 步 按使用场景组织目录、分类、搜索与筛选
原因:办公文档需要先转成文本或 Markdown
做法:先把办公文档另存为 Markdown 或纯文本
COLLABORATE · CHAIN
协作与后续衔接
从飞书或手机消息入口补充的平台状态、连接地址和修改意见会继续进入同一 Goal,桌面工作区据此更新目录、页面稿和链接。
上游集成资料形成目录和页面稿后,继续检查 API、文档、功能、价格和相关集成页面的链接。
COMBINATION CASE
场景化实战案例
工作区包含集成表、产品说明、截图和现有页面资料。
预期结果:交付集成目录、卡片文案、重点页面稿、站内链接、SEO 资料和阶段记录。
VERIFY · TROUBLESHOOT
效果验证方法
检查集成字段、卡片文案、重点页面、CTA、内链和 TDK,并对照本轮 Goal 确认交付内容完整。
请在 ZCode 中使用「产品集成页策划 Skill」。本次要完成:SaaS 已接入多个办公与营销平台,官网只有 Logo 列表,客户看不出各项集成能解决什么工作问题。我会提供原生集成、插件、扩展、API 与 Webhook 清单,以及每项集成当前可用的连接方式和目标用户、主要工作场景、重点平台,以及访客要完成的安装、连接、注册或查看文档动作。请先完成一份小样,交付集成目录结构:分类、重点推荐、卡片排序,以及集成较多时的搜索与筛选安排和集成卡片文案:平台名称、使用收益、典型用法和连接或安装 CTA,并列出需要我确认的金额、日期、适用人群和目标链接。注意:中文办公文档这部分你做不到,遇到时直接告诉我,我手工补。
安装完成后,请 ZCode 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
4 个环节里有 3 个可以处理,其中 3 个需要相应工具与配置,1 个需要团队补充。请结合逐步说明确认实际做法。
ZCode可以直接读取目录里的资料,把这些文件放在同一个位置即可。
安装完成后,请 ZCode 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
因为它能把成果渲染成可直接查看的页面,在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里,页面下方列出了更合适的选择。
Skill 没有出现时,在设置页刷新并确认已启用;外部 Agent 的 Skill 没有导入时,重新选择复制或软链接模式;长任务偏离目标时,更新 Goal 并用 @ 指定本次优先文件。
先完成目录结构和一个重点页面,确认后补齐其他页面,再统一检查全部链接和 SEO 字段。
连接 CTA 直接指向安装、连接、注册或文档入口;API、功能、价格和相关集成页面使用能说明去向的链接文字。
INSTALL
安装到 ZCode
把 skill-integrations-page 复制到 ~/.zcode/skills/,再用 @ 引用集成表、产品资料、截图目录和网站项目,写清交付文件与完成标准。
METHOD 01 · 交给 AI 自己装
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「产品集成页策划 Skill」安装到 ZCode。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-integrations-page/1.0.0/skill-integrations-page.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 ZCode 的方式安装:mkdir -p ~/.zcode/skills && cp -R ./skill-integrations-page ~/.zcode/skills/ 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在设置页确认技能已启用,对话中输入 $ 选择技能,再跑一个只读小任务。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-integrations-page/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-integrations-page.md
METHOD 03 · 手动放目录
解压 ZIP 后,在 ZCode 中执行:
mkdir -p ~/.zcode/skills && cp -R ./skill-integrations-page ~/.zcode/skills/
验证:在设置页确认技能已启用,对话中输入 $ 选择技能,再跑一个只读小任务。
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。
WorkBuddy在这个 Skill 上直接覆盖 2/4 步,而且能直接读写 Word、Excel、PPT 等办公文档——如果你这次的卡点正是中文办公文档,换它更省事。
Codex在这个 Skill 上直接覆盖 1/4 步,而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅,换它更省事。
OpenClaw在这个 Skill 上直接覆盖 0/4 步,而且能操作浏览器完成登录态内的取数——如果你这次的卡点正是浏览器自动化,换它更省事。
FURTHER READING
继续查看这套产品集成页策划方法:让访客先找到适合自己的平台,再看懂连接后能完成什么工作。
假设一家 SaaS 公司上线了 ROI 计算器。三个月后,工具页的自然流量和使用次数都在涨,市场团队把它当作新的获客入口,销售却说收到的邮箱很难跟进:有人只想算一道题,有人来自目标行业之外,还有人留下
假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在,只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”
买家搜索“A 对比 B”时,通常已经知道品类,也看过其他产品。他打开供应商的对比页,看到自家产品每一行都是绿色勾,竞品则处处受限;再打开竞品的网站,结论正好反过来。两张页面都写了很多功能,却没有帮助他
越来越多人把选型直接丢给ChatGPT、Perplexity、Gemini,或者购物、采购类助手。答案是模型拼出来的,不一定点开你的网页。世界经济论坛把这件事叫做智能体引擎优化(AEO):你要进的不是
关键词拓展 Skill 的正确用法,是把它当成一个有明确输入输出契约的执行单元:你交给它种子词、业务边界和排除规则,它返回一张带意图标注的候选词表。多数人调用后拿到一堆不可用的词,问题不在 Skill
相似关键词该合并还是分开写,取决于读者要完成的任务是否同一件,而不取决于字面差了几个字。先判断搜索意图、答案框架和独占信息能不能独立成立,再决定一页还是两页。写成两篇却回答同一问题,传统搜索会互相抢排
NEXT WORKFLOW
搭配使用
集成目录页帮助访客发现平台并理解连接收益;API 页面介绍开放能力,产品文档说明安装与配置,应用市场页面承接第三方市场中的发现与安装。
用 ZCode 完成「竞品落地页需要说明产品差异,同时避免只挑选有利于自己的比较项」,最终得到区块方案:页面位置、对比类型、H2、引导语与单一 CTA。
用 ZCode 完成「App Store 的自然搜索流量已经停滞」,最终得到六维 ASO 评分卡与总分评级。
用 ZCode 完成「SaaS 工具目录的卡片同时放功能、价格、标签和多个按钮,访客很难快速比较」,最终得到卡片字段规格:必填、选填、显示顺序、文字长度和缺失内容处理。