页面预览
把成果渲染成可直接查看的页面。网页类成果可以直接预览并配合 Git 状态检查改动
ZCode × 内容与创意 · 原生覆盖 88%
网站架构规划 Skill有 8 个执行步骤,其中 7 步可以在 ZCode 里直接完成。它能把成果渲染成可直接查看的页面,正好对应这个 Skill 里最吃工具的一段。操作前确认属于有条件支持,执行路径和原生能力不同,下面单独说明。
WHY ZCODE
适配结论
网站架构规划 Skill不在 ZCode 的前十推荐里——ZCode更擅长长上下文、长任务、项目文件和远程跟进,这个 Skill 的重心不完全在这里。它仍然可以正常安装使用,只是如果你要做的就是这件事,可以先看看下面几个更合适的 Agent。
把成果渲染成可直接查看的页面。网页类成果可以直接预览并配合 Git 状态检查改动
CAPABILITY × STEP
核心差异
网站架构规划 Skill 一共 8 步。ZCode 能直接执行 7 步,1 步有条件,0 步得你自己补,另外 0 步是纯判断、换哪个 AI 都一样。
| 步骤 | 所需能力 | 等级 | 在 ZCode 下具体怎么做 |
|---|---|---|---|
| 01 读取项目背景信息 | 读本地资料页面预览 | 直接执行 | 直接交给 ZCode:它能直接读取本机目录里的资料。 |
| 02 确认网站类型与阶段 | 页面预览操作前确认 | 有条件 | 可以做但有条件:ZCode 对操作前确认的支持有限制。 |
| 03 划分页面优先级 | 页面预览 | 直接执行 | 直接交给 ZCode:它能把成果渲染成可直接查看的页面。 |
| 04 配置基础模板目录 | MCP 与连接器 | 直接执行 | 直接交给 ZCode:它能通过 MCP 或连接器读取外部系统数据。 |
| 05 映射增长渠道页面 | 页面预览 | 直接执行 | 直接交给 ZCode:它能把成果渲染成可直接查看的页面。 |
| 06 分配具体 URL 路径 | 页面预览 | 直接执行 | 直接交给 ZCode:它能把成果渲染成可直接查看的页面。 |
| 07 审查结构与孤岛页面 | 读本地资料页面预览 | 直接执行 | 直接交给 ZCode:它能直接读取本机目录里的资料。 |
| 08 导出开发清单与待办 | 打开网页取正文页面预览 | 直接执行 | 直接交给 ZCode:它能访问原始页面并抽取正文。 |
IMPORT · RUN
资料导入与任务下发
ZCode可以直接读取目录里的资料,把这些文件放在同一个位置即可。
打开营销项目工作区,用 @ 引用网站文件、品牌资料、数据表或需求文档,并为长任务设置一个可以验收的目标。
从设置页导入或安装 Skill,在对话中输入 $ 选择技能;它可以结合文件、终端、预览和子任务持续推进。
COMBINATION CASE
场景化实战案例
一家 SaaS 公司准备拓展海外市场,需要把现有的单语言网站扩展为五国语言目录,并重新梳理页面优先级,最后交付给研发排期。
预期结果:按优先级交付了五国语言版本的页面开发清单和对应的网站目录树。URL 抓取测试的待办清单由人工在后台复核确认。
VERIFY · TROUBLESHOOT
效果验证方法
请在 ZCode 中使用「网站架构规划 Skill」。本次要完成:新做一个 SaaS 独立站需要列出完整的建站清单。我会提供业务所处阶段(如新站搭建或老站重构)和网站类型(如 B2B、SaaS 或电商独立站)。请先完成一份小样,交付按优先级排序的页面开发清单(涵盖核心页与转化页)和带 URL 路径分配的网站目录树结构图,并列出需要我核对的事实和数字。
安装完成后,先只做第 1 步:让 ZCode 读取项目背景信息,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。
不需要改。8 步用到的能力ZCode全部原生支持,可以按 Skill 的原始方法直接执行。
ZCode可以直接读取目录里的资料,把这些文件放在同一个位置即可。
安装完成后,先只做第 1 步:让 ZCode 读取项目背景信息,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。
因为它能把成果渲染成可直接查看的页面,在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里,页面下方列出了更合适的选择。
Skill 没有出现时,在设置页刷新并确认已启用;外部 Agent 的 Skill 没有导入时,重新选择复制或软链接模式;长任务偏离目标时,更新 Goal 并用 @ 指定本次优先文件。
INSTALL
安装到 ZCode
把提示词复制给 ZCode,它会自己下载 ZIP 并完成安装,装完会报告实际目录。
METHOD 01 · 交给 AI 自己装
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「网站架构规划 Skill」安装到 ZCode。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-website-structure/1.0.0/skill-website-structure.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 ZCode 的方式安装:mkdir -p ~/.zcode/skills && cp -R ./skill-website-structure ~/.zcode/skills/ 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在设置页确认技能已启用,对话中输入 $ 选择技能,再跑一个只读小任务。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-website-structure/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-website-structure.md
METHOD 03 · 手动放目录
解压 ZIP 后,在 ZCode 中执行:
mkdir -p ~/.zcode/skills && cp -R ./skill-website-structure ~/.zcode/skills/
验证:在设置页确认技能已启用,对话中输入 $ 选择技能,再跑一个只读小任务。
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
下面的步数是逐步比对算出来的,不是主观排名。卡在哪一步,就看哪个 AI 能直接做那一步。
WorkBuddy在这个 Skill 上直接覆盖 1/8 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。
Codex在这个 Skill 上直接覆盖 1/8 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。
Claude Code在这个 Skill 上直接覆盖 1/8 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。
FURTHER READING
围绕 ZCode 和这个任务的共同标签挑出来的,换成别的 Agent 看到的不是同一批。
用飞书文档做微信公众号内容,怎样真正快速验证方向
这份参考把 Feishu Doc Writer 放进微信公众号生产流程,覆盖输入准备、提示词结构、结果验收和二次修改。适合代理商项目组快速试跑,也会提醒“标签过多导致召回失真”这一类高频问题。
Codex现场笔记:让新人也能跑通完整流程
围绕Codex近期变化,测试技术SEO在研究、生成和分发三个环节的表现。
多模态搜索现场笔记:定位内容没人点击的真实原因
聚焦一个问题:测试样本过于整齐。文中用正反两组输入说明封面生成为什么会跑偏,以及怎样把结果拉回可用范围。
一次讲透技术SEO:输入什么、输出什么、怎样稳定批量产出
内容供应链在搜索引擎出现了新的内容机会,这篇只整理值得测试的三个方向和两个暂缓项。
Skill Installer 入门指南|给AI新手的第一套配置
给出Skill安装的最短操作路径,用一个真实感示例演示如何把散乱数据做成管理层看板,并标出能快速验证方向的关键设置。
信息卡片极简用法|把长资料压缩成高密度结论
这是一份偏实战的信息卡片配置说明。先用小样本完成“把长资料压缩成高密度结论”,再逐步扩到批量任务;同时设置人工抽检、来源记录和失败兜底,降低只看热度忽略用户意图带来的波动。文末附一组可复制参数,便于继续降低机械感。
以上文章正在编辑中,上线后可直接点击阅读。即将上线,敬请期待。
NEXT WORKFLOW
搭配使用
按产出物与输入资料的衔接关系计算,都是同一个 Agent 下的版本,装完可以直接接着跑。
用 ZCode 完成「建立出海竞品清单和对比表」,最终得到逐家公司竞品画像。
用 ZCode 完成「检查新落地页再去开广告计划」,最终得到包含 8 项指标得分的 JSON 格式页面诊断文件。
用 ZCode 完成「向老板汇报本月 SEO 自然搜索流量进展」,最终得到包含流量、互动和反链的按月数据对比 Excel 表。