页面预览
把成果渲染成可直接查看的页面。网页类成果可以直接预览并配合 Git 状态检查改动
ZCode × 内容与创意 · 可处理 7/7 个环节
博客列表页与内容矩阵 Skill有 7 个执行步骤,ZCode 可以处理 7 步,其中 3 步需要相应工具与配置。它能把成果渲染成可直接查看的页面,正好对应这个 Skill 里最吃工具的一段。操作前确认属于有条件支持,执行路径和原生能力不同,下面单独说明。
WHY ZCODE
适配结论
博客列表页与内容矩阵 Skill可以作为独立任务在 ZCode 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。
这个 Agent 适合跑需要几小时规划和大量文件跟踪的内容矩阵任务。长上下文能力把支柱文章与周边集群的规划表留在同一个任务里,不用反复重传背景资料。规划目录页组件布局、构建主题集群内容策略、撰写单篇文章结构模板这几个环节能直接看页面预览,省去来回切浏览器。离开电脑后能从飞书或微信 Bot 问进度、追加关键词。确认博客定位与受众需要先把手头的 Word 文档另存为文本。如果只想规划单篇文章,或者资料全在 Excel 里且不想转格式,换别的工具更省事。
把成果渲染成可直接查看的页面。网页类成果可以直接预览并配合 Git 状态检查改动
CAPABILITY × STEP
核心差异
博客列表页与内容矩阵 Skill 共 7 个环节。ZCode 可以处理 7 个环节,其中 3 个需要相应工具与配置。实际结果取决于输入资料、已接入工具与运行环境。
| 步骤 | 所需能力 | 等级 | 在 ZCode 下具体怎么做 |
|---|---|---|---|
| 01 确认博客定位与受众 | 读本地资料操作前确认 | 有条件 | 可以做但有条件:ZCode 对操作前确认的支持有限制。 |
| 02 评估目录与子域名结构 | 操作前确认 | 有条件 | 可以做但有条件:ZCode 对操作前确认的支持有限制。 |
| 03 规划目录页组件布局 | 联网检索页面预览 | 直接执行 | 直接交给 ZCode:它能自己发起搜索并扩展检索词。 |
| 04 构建主题集群内容策略 | 页面预览 | 直接执行 | 直接交给 ZCode:它能把成果渲染成可直接查看的页面。 |
| 05 撰写单篇文章结构模板 | 页面预览 | 直接执行 | 直接交给 ZCode:它能把成果渲染成可直接查看的页面。 |
| 06 配置元数据与结构化数据 | 纯判断 | 任意 Agent | 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。 |
| 07 审查技术加载指标 | 打开网页取正文操作前确认 | 有条件 | 可以做但有条件:ZCode 对操作前确认的支持有限制。 |
长上下文把确认博客定位与受众、构建主题集群内容策略、撰写单篇文章结构模板这几个环节拼在同一个任务里。支柱文章加周边集群的几千个页面组合规划不用反复交代背景,终端输出的页面预览直接留在工作区。配置元数据与结构化数据时,上下文里存着前面的核心关键词列表,直接引用即可。任务跑起来后,在手机上扫码绑定飞书或微信 Bot,直接发消息问支柱文章进度或追加长尾词。省掉守在电脑前反复粘贴文件的动作。
这个 Agent 读不到本地 Word 或 PPT。把项目背景文档另存为文本放进工作区,用 @ 引用。终端读取后在操作前确认环节展示提取的目标受众特征,按回车让它继续。
把核心关键词列表放进上下文,直接让 Agent 输出支柱文章加周边集群的选题规划表。几轮对话后中间结果依然留在任务里,直接在聊天框打字补充长尾词,不用重新上传附件。
原生支持页面预览。输入现有的博客目录页 URL,终端输出包含精选区和分类列表的 HTML 结构后,工作区右侧直接渲染出页面效果,不用切到外部浏览器对齐前端。
IMPORT · RUN
资料导入与任务下发
ZCode可以直接读取目录里的资料,把这些文件放在同一个位置即可。
打开营销项目工作区,用 @ 引用网站文件、品牌资料、数据表或需求文档,并为长任务设置一个可以验收的目标。
从设置页导入或安装 Skill,在对话中输入 $ 选择技能;它可以结合文件、终端、预览和子任务持续推进。
把现有的博客目录页截图、核心关键词列表 CSV 和网站子目录的技术说明文本放进工作区。不支持直接拖入 Excel,先另存为 CSV。在工作区输入框打 @ 从列表选文件,再打 $ 选定博客列表页与内容矩阵 Skill。给任务设定一个明确 Goal,比如生成包含五篇支柱文章的内容矩阵规划表。下发后页面生成进度条,电脑端可以直接在预览区看结构。
COLLABORATE · CHAIN
协作与后续衔接
绑定飞书或微信 Bot 后,单篇文章页面模板和元数据清单的文本结果直接发到聊天里。长任务跑完自动推送通知。包含大量 H 标签层级的目录页结构代码块较长,在飞书里看不全,需要从工作区手动下载完整的 Markdown 文件发到群里。
长上下文让串联最省事。多个 Skill 的中间产物都在同一个任务上下文里。如果在这个任务后接着写具体文章,直接用 $ 选定内容撰写 Skill,它直接读取当前上下文里的支柱文章规划表和 H 标签模板。子 Agent 各自维护独立上下文,主 Agent 负责汇总,不用把规划表先导出再传给下一个 Skill。
COMBINATION CASE
场景化实战案例
海外营销经理需要把现有的扁平博客列表改版成带主题集群的结构。资料散落在飞书文档和旧网站后台,手头有一份按业务线整理的 200 个长尾词 Excel。
预期结果:交付了包含精选区的目录页 HTML 骨架和 200 个长尾词的选题分配表。页面预览效果直接截图给前端切图。审查技术加载指标需要手动用 Lighthouse 跑一次,看实际抓取数据。
VERIFY · TROUBLESHOOT
效果验证方法
装完先跑一个最小任务验证长上下文和页面预览。给三个核心关键词,让它规划一个包含三篇周边集群文章的微型目录页。看终端输出的日志是否带有 OG 标签与文章 Schema 的字段,工作区右侧是否直接渲染出分类列表的预览图。关掉电脑端,用微信 Bot 发消息问刚才生成的目录页有几个 H1 标签。如果它能直接回复准确数字,说明长任务上下文和远程跟进正常工作。
请在 ZCode 中使用「博客列表页与内容矩阵 Skill」。本次要完成:博客列表页跳出率高需要重新改版。我会提供项目背景与目标受众描述文档和现有的博客目录页 URL 或截图。请先完成一份小样,交付包含精选区和分类列表的目录页结构和支柱文章加周边集群的选题规划表,并列出需要我确认的金额、日期、适用人群和目标链接。
安装完成后,请 ZCode 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
7 个环节里有 7 个可以处理,其中 3 个需要相应工具与配置。请结合逐步说明确认实际做法。
ZCode可以直接读取目录里的资料,把这些文件放在同一个位置即可。
安装完成后,请 ZCode 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
因为它能把成果渲染成可直接查看的页面,在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里,页面下方列出了更合适的选择。
Skill 没有出现时,在设置页刷新并确认已启用;外部 Agent 的 Skill 没有导入时,重新选择复制或软链接模式;长任务偏离目标时,更新 Goal 并用 @ 指定本次优先文件。
在规划目录页组件布局环节最值得改。不同行业的精选区逻辑不同,找到本地安装目录 ~/.zcode/skills/blog-page-generator 下的 Skill 文件,把默认的按时间排序改写为按业务线索类型分类。在提示词里固定加入网站的品牌色和字体 CSS 规则,这样页面预览直接输出最终落地页样式,不用再交给前端重写。把改好的版本推送到团队共享仓库,换工具时一键导入即可。
INSTALL
安装到 ZCode
把现有的博客目录页截图、核心关键词列表 CSV 和网站子目录的技术说明文本放进工作区。不支持直接拖入 Excel,先另存为 CSV。在工作区输入框打 @ 从列表选文件,再打 $ 选定博客列表页与内容矩阵 Skill。给任务设定一个明确 Goal,比如生成包含五篇支柱文章的内容矩阵规划表。下发后页面生成进度条,电脑端可以直接在预览区看结构。
METHOD 01 · 交给 AI 自己装
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「博客列表页与内容矩阵 Skill」安装到 ZCode。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-blog/1.0.0/skill-blog.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 ZCode 的方式安装:mkdir -p ~/.zcode/skills && cp -R ./skill-blog ~/.zcode/skills/ 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在设置页确认技能已启用,对话中输入 $ 选择技能,再跑一个只读小任务。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-blog/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-blog.md
METHOD 03 · 手动放目录
解压 ZIP 后,在 ZCode 中执行:
mkdir -p ~/.zcode/skills && cp -R ./skill-blog ~/.zcode/skills/
验证:在设置页确认技能已启用,对话中输入 $ 选择技能,再跑一个只读小任务。
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。
WorkBuddy在这个 Skill 上直接覆盖 4/7 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。
Codex在这个 Skill 上直接覆盖 4/7 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。
Claude Code在这个 Skill 上直接覆盖 4/7 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。
FURTHER READING
围绕 ZCode 和这个任务的共同标签挑出来的,换成别的 Agent 看到的不是同一批。
假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在,只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”
一档节目已经接上 RSS,Apple Podcasts、Spotify 和 YouTube 都能正常播放。团队每周更新,也会在公众号、社媒和社群里贴链接。可一旦让没听过节目的人直接搜本期讨论的话题,他
关键词列表要变成可执行的内容矩阵,中间隔着四个动作:先按搜索意图聚类,把同一意图的词并成一组;再按读者任务拆页,一组词对应一个页面;然后按资源与转化价值排优先级,决定先写什么;发布前再做一次意图去重,
GEO 不是 SEO 的替代品,而是在基础 SEO 之上提升内容被 AI 答案引擎理解、引用和点击的概率。本文讲清两者的关系与四条落地调整。
新网站 SEO 内容先写什么,取决于一个简单原则:先写有明确搜索需求、且你的页面能直接兑现承诺的内容,而不是先铺资讯、公司介绍或概念长文。冷启动期资源有限,每一篇内容都应优先服务“能被搜索找到、又能把
越来越多人把选型直接丢给ChatGPT、Perplexity、Gemini,或者购物、采购类助手。答案是模型拼出来的,不一定点开你的网页。世界经济论坛把这件事叫做智能体引擎优化(AEO):你要进的不是
NEXT WORKFLOW
搭配使用
按产出物与输入资料的衔接关系计算,都是同一个 Agent 下的版本,装完可以直接接着跑。
用 ZCode 完成「新产品准备在 Product Hunt 做首发」,最终得到带网址与收录状态的 CSV 跟踪表单。
用 ZCode 完成「客服和销售反复回答价格、退款、迁移或使用问题,需要把高频问题整理成可搜索的 FAQ」,最终得到FAQ 问题来源表:原始问题、出现渠道、对应读者、所属主题与是否需要业务负责人确认。
用 ZCode 完成「打算投放 Taboola 和 Outbrain 测试海外流量」,最终得到2 到 3 个可直接填入后台的标题选项。