ZCode × 内容与创意 · 可处理 7/7 个环节

ZCode × 网站 Logo 接入 Skill

网站 Logo 接入 Skill有 7 个执行步骤，ZCode 可以处理 7 步，其中 3 步需要相应工具与配置。它能把成果渲染成可直接查看的页面，正好对应这个 Skill 里最吃工具的一段。操作前确认、产物区审阅属于有条件支持，执行路径和原生能力不同，下面单独说明。

7个核心环节
7/7当前可处理的环节
未进前十在本 Agent 的推荐清单

WHY ZCODE

适配结论

ZCode 适合同时推进多个站点或页面族的 Logo 迁移

网站 Logo 接入 Skill可以作为独立任务在 ZCode 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

ZCode 适合同时推进多个站点或页面族的 Logo 迁移。长上下文保留品牌规则和多轮评审，多代理可按官网、帮助中心和活动页拆分资产盘点、组件检查与验收，页面预览和 Git 状态用于汇总差异。正式品牌资产、代码写入和发布继续遵守项目授权。

页面预览

把成果渲染成可直接查看的页面。网页类成果可以直接预览并配合 Git 状态检查改动

CAPABILITY × STEP

核心差异

长上下文管理多站点 Logo 迁移差异

网站 Logo 接入 Skill 共 7 个环节。ZCode 可以处理 7 个环节，其中 3 个需要相应工具与配置。实际结果取决于输入资料、已接入工具与运行环境。

7个核心环节

7当前可处理的环节

3个需要工具与配置

无需要团队补充

ZCode 跑网站 Logo 接入 Skill 的逐步对照 · 每步要做什么见网站 Logo 接入 Skill原生页面
步骤	所需能力	等级	在 ZCode 下具体怎么做
01 确认网站场景	读本地资料写本地文件操作前确认	有条件	可以做但有条件：ZCode 对操作前确认的支持有限制。
02 盘点 Logo 资产	读本地资料操作前确认版本管理	有条件	可以做但有条件：ZCode 对操作前确认的支持有限制。
03 选择位置与版本	页面预览版本管理	直接执行	直接交给 ZCode：它能把成果渲染成可直接查看的页面。
04 配置首页链接	纯判断	任意 Agent	纯判断步骤，任何 Agent 都一样，取决于你给的资料质量。
05 处理图片与替代文字	页面预览	直接执行	直接交给 ZCode：它能把成果渲染成可直接查看的页面。
06 制定尺寸与响应式规则	写本地文件	直接执行	直接交给 ZCode：它能把过程文件和成果直接落盘保存。
07 完成可访问性验收	打开网页取正文页面预览产物区审阅操作前确认	有条件	可以做但有条件：ZCode 对产物区审阅的支持有限制。

主任务保存共同资产、主页链接和明暗背景规则，各站点子任务只维护自己的组件、断点和验收状态。预览用于核对网页，多代理分担扫描与检查。验收标准是共同品牌规则一致，站点差异有依据，任一站点改动不会覆盖其他站点配置。

01
核对网站场景与品牌规范
用 @ 引用品牌说明、资产目录和站点源码，在长任务中固定共同规则与各站点页面范围。
02
选择 Logo 版本、位置与尺寸
按站点建立独立子任务，分别检查背景、断点和组件，主任务汇总共同资产用途。
03
配置首页链接、图片与替代文字
子任务核对自己的链接、src、alt 与样式，获得编辑授权后再应用改动。
04
完成响应式和可访问性验收
子任务分别运行构建与预览，主任务汇总资源、焦点、触控和断点结果。

IMPORT · RUN

资料导入与任务下发

按站点建目录并设置总 Goal

ZCode可以直接读取目录里的资料，把这些文件放在同一个位置即可。

需要准备的资料

网站类型、页眉与页脚结构、目标设备和需要覆盖的页面范围
现有 Logo 文件、字标或图形标志，优先提供 SVG 与高分辨率版本
品牌规范中的留白、最小尺寸、明暗版本、禁用方式和背景要求
网站技术栈、现有组件代码、主页路径、键盘与触控验收要求

在 ZCode 里是这样推进的

打开营销项目工作区，用 @ 引用网站文件、品牌资料、数据表或需求文档，并为长任务设置一个可以验收的目标。

从设置页导入或安装 Skill，在对话中输入 $ 选择技能；它可以结合文件、终端、预览和子任务持续推进。

Skill 放进 ~/.zcode/skills/，集中保存共同品牌规则，每个站点单独建任务，并写清资产、组件、预览和验收要求。

COLLABORATE · CHAIN

协作与后续衔接

远程查看迁移状态，源文件留在项目

绑定协作入口后可查看已完成站点、待批资产和构建问题。消息只发送必要摘要，源文件与内部地址留在受控工作区。

站点子任务串联盘点、实施与验收

共同资产确认后，每个站点按自身组件执行三个阶段，主任务汇总共同结论、站点例外和状态。

COMBINATION CASE

场景化实战案例

示例：官网与帮助中心同步换标

假设一个 SaaS 的官网和帮助中心使用不同框架，需要共用品牌资产并保留各自主页路径。

固定共同资产
建立两个站点子任务
分别检查组件引用
按授权应用改动
汇总预览和构建状态

预期结果：交付物应包含共同资产表、互相隔离的站点改动清单和状态记录；最终视觉与发布分别确认。

VERIFY · TROUBLESHOOT

效果验证方法

选择官网和帮助中心各做一个样本

选择官网和帮助中心各做一个样本。修改帮助中心的主页链接时，官网组件不应变化，共同资产规则继续一致。

可直接使用的第一个任务

请在 ZCode 中使用「网站 Logo 接入 Skill」。本次要完成：品牌更换 Logo 后，官网不同页面仍混用旧文件、错误颜色或不同尺寸。我会提供网站类型、页眉与页脚结构、目标设备和需要覆盖的页面范围和现有 Logo 文件、字标或图形标志，优先提供 SVG 与高分辨率版本。请先完成一份小样，交付Logo 使用方案：页眉、页脚和移动端的位置、版本、尺寸与背景对应关系和资产版本表：SVG 或位图文件、完整标志、字标、图形标志与明暗版本用途，并列出需要我确认的金额、日期、适用人群和目标链接。

安装后的最小验证任务

安装完成后，请 ZCode 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。

ZCode 常见问题

Skill 没有出现时，在设置页刷新并确认已启用
外部 Agent 的 Skill 没有导入时，重新选择复制或软链接模式
长任务偏离目标时，更新 Goal 并用 @ 指定本次优先文件
操作前确认相关步骤结果不稳定时，先确认当前环境是否满足条件

ZCode 跑网站 Logo 接入 Skill需要改哪几步？

7 个环节里有 7 个可以处理，其中 3 个需要相应工具与配置。请结合逐步说明确认实际做法。

资料要怎么交给 ZCode？

ZCode可以直接读取目录里的资料，把这些文件放在同一个位置即可。

装完先做什么验证？

安装完成后，请 ZCode 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。

什么任务更适合选 ZCode？

因为它能把成果渲染成可直接查看的页面，在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里，页面下方列出了更合适的选择。

ZCode 常见的失败情况有哪些？

Skill 没有出现时，在设置页刷新并确认已启用；外部 Agent 的 Skill 没有导入时，重新选择复制或软链接模式；长任务偏离目标时，更新 Goal 并用 @ 指定本次优先文件。

共同资产集中维护，站点映射独立更新

Logo 文件、明暗版本与禁用方式集中保存，组件、断点和验收按站点记录，新增站点复用共同检查。

INSTALL

安装到 ZCode

把网站 Logo 接入 Skill装进 ZCode，一条命令完成

Skill 放进 ~/.zcode/skills/，集中保存共同品牌规则，每个站点单独建任务，并写清资产、组件、预览和验收要求。

METHOD 01 · 交给 AI 自己装

复制提示词

适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。

请帮我把「网站 Logo 接入 Skill」安装到 ZCode。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-logo-implementation/1.0.0/skill-logo-implementation.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 ZCode 的方式安装：mkdir -p ~/.zcode/skills && cp -R ./skill-logo-implementation ~/.zcode/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：在设置页确认技能已启用，对话中输入 $ 选择技能，再跑一个只读小任务。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-logo-implementation/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-logo-implementation.md

METHOD 03 · 手动放目录

手动安装

解压 ZIP 后，在 ZCode 中执行：

mkdir -p ~/.zcode/skills && cp -R ./skill-logo-implementation ~/.zcode/skills/

验证：在设置页确认技能已启用，对话中输入 $ 选择技能，再跑一个只读小任务。

外部 Agent 的 Skill 没导入时，重新选择复制或软链接模式
长任务偏离目标时更新 Goal 并指定本次优先文件

HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。

OTHER AGENTS

跨 Agent 适配对比

Codex、Claude Code、WorkBuddy在这个 Skill 上覆盖更多环节

下面的步数来自逐步比对。卡在哪一步，就看哪个 AI 能直接完成那一步。

4/7 步可直接执行

Codex 网站 Logo 接入

Codex在这个 Skill 上直接覆盖 4/7 步，而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅，换它更省事。

4/7 步可直接执行

Claude Code 网站 Logo 接入

Claude Code在这个 Skill 上直接覆盖 4/7 步，而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认，换它更省事。

3/7 步可直接执行

WorkBuddy 网站 Logo 接入

WorkBuddy在这个 Skill 上直接覆盖 3/7 步，而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅，换它更省事。

ZCode 与网站 Logo 接入相关的实操文章

围绕 ZCode 和这个任务的共同标签挑出来的，换成别的 Agent 看到的不是同一批。

官网菜单越改越简，定价和文档为什么更难找

假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在，只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”

免费工具访问量很高，为什么销售还是收不到好线索

假设一家 SaaS 公司上线了 ROI 计算器。三个月后，工具页的自然流量和使用次数都在涨，市场团队把它当作新的获客入口，销售却说收到的邮箱很难跟进：有人只想算一道题，有人来自目标行业之外，还有人留下

竞品对比页写满功能，买家为什么还是不信

买家搜索“A 对比 B”时，通常已经知道品类，也看过其他产品。他打开供应商的对比页，看到自家产品每一行都是绿色勾，竞品则处处受限；再打开竞品的网站，结论正好反过来。两张页面都写了很多功能，却没有帮助他

采购助手开始替人选型了，你的页面还在为点击而写

越来越多人把选型直接丢给ChatGPT、Perplexity、Gemini，或者购物、采购类助手。答案是模型拼出来的，不一定点开你的网页。世界经济论坛把这件事叫做智能体引擎优化（AEO）：你要进的不是

关键词拓展Skill怎么用：输入输出契约与验收标准

关键词拓展 Skill 的正确用法，是把它当成一个有明确输入输出契约的执行单元：你交给它种子词、业务边界和排除规则，它返回一张带意图标注的候选词表。多数人调用后拿到一堆不可用的词，问题不在 Skill

相似关键词该合并还是分开写：三步意图判断法

相似关键词该合并还是分开写，取决于读者要完成的任务是否同一件，而不取决于字面差了几个字。先判断搜索意图、答案框架和独占信息能不能独立成立，再决定一页还是两页。写成两篇却回答同一问题，传统搜索会互相抢排

NEXT WORKFLOW

搭配使用

按产出物与输入资料的衔接关系计算，都是同一个 Agent 下的版本，装完可以直接接着跑。

ZCode · 内容与创意#01

ZCode API 产品介绍页策划 Skill

用 ZCode 完成「SaaS 产品已经开放 REST API，官网只有端点文档，潜在客户看不出适用场景和接入价值」，最终得到API 产品介绍页结构：价值主张、核心能力、使用场景、快速开始、认证概览，以及如适用的价格或限制、如有的 SDK 或工具。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140

ZCode · 内容与创意#02

ZCode 品牌视觉系统 Skill

用 ZCode 完成「品牌官网、销售演示和社媒模板各用一套颜色与字体，需要统一视觉规范」，最终得到品牌视觉规范：字体角色、字号层级、颜色用途、间距尺度和 Logo 使用规则。