Claude Code × 内容与创意 · 可处理 6/7 个环节

Claude Code × 品牌视觉系统 Skill

品牌视觉系统 Skill有 7 个执行步骤，Claude Code 可以处理 6 步，其中 4 步需要相应工具与配置。它能在敏感写入前请求确认，正好对应这个 Skill 里最吃工具的一段。需要提前知道的是：产物区审阅这 1 项它不做，涉及的 1 个步骤要按下面的手工方式衔接。

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

WHY CLAUDE CODE

适配结论

Claude Code 适合把品牌视觉系统长期留在项目中：项目说明保存品牌原则

品牌视觉系统 Skill可以作为独立任务在 Claude Code 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

Claude Code 适合把品牌视觉系统长期留在项目中：项目说明保存品牌原则，Token 文件承载颜色、字体与间距，多代理分别盘点网页、演示、文档和无障碍问题，Git 与 Hooks 约束新改动。MCP 只连接获批工具，商业字体和未公开设计按权限管理，最终视觉与外部发布由人工批准。

操作前确认

在敏感写入前请求确认。这是 Claude Code 在 7 个 Agent 里相对少见的能力。

CAPABILITY × STEP

核心差异

项目上下文与多代理维护统一视觉规范

品牌视觉系统 Skill 共 7 个环节。Claude Code 可以处理 6 个环节，其中 4 个需要相应工具与配置；另外 1 个需要团队补充。实际结果取决于输入资料、已接入工具与运行环境。

7个核心环节

6当前可处理的环节

4个需要工具与配置

1个需要团队补充

Claude Code 跑品牌视觉系统 Skill 的逐步对照 · 每步要做什么见品牌视觉系统 Skill原生页面
步骤	所需能力	等级	在 Claude Code 下具体怎么做
01 盘点品牌与触点	读本地资料中文办公文档操作前确认	有条件	可以做但有条件：办公文档需要通过工具处理，纯版式工作不是它的强项。
02 建立字体层级	打开网页取正文页面预览	有条件	可以做但有条件：Claude Code 对页面预览的支持有限制。
03 确定颜色结构	写本地文件	直接执行	直接交给 Claude Code：它能把过程文件和成果直接落盘保存。
04 制定间距与 Logo 规则	页面预览版本管理	有条件	可以做但有条件：Claude Code 对页面预览的支持有限制。
05 补充图标、动效与背景	版本管理	直接执行	直接交给 Claude Code：它能把过程文件纳入版本管理便于回溯。
06 映射到网页与办公资产	中文办公文档	有条件	可以做但有条件：办公文档需要通过工具处理，纯版式工作不是它的强项。
07 完成无障碍验收	打开网页取正文页面预览中文办公文档产物区审阅操作前确认	不支持	改成手工：在对话流里分段核对结果。（没有独立产物区，成果以项目文件形式落地）

共同规则放进项目上下文与 Token 文件，各子任务分别检查 CSS、组件、演示映射、文档样式和无障碍，主任务用 PR 合并。优势是后续页面能沿用同一规则。验收标准是每个触点引用同一组 Token，差异都对应明确的业务或媒介需要。

01
盘点品牌目标与现有资产
从项目文件读取品牌说明、源码与资产，多任务分别统计颜色、字体、间距、Logo 和触点冲突。
02
确定字体、颜色与间距系统
主任务合并候选 Token，记录来源、授权状态和迁移影响，未确认值不进入正式规范。
03
制定 Logo、图标与动效规则
资产与前端子任务分别检查命名、版本、SVG、动效和减弱模式，再由主任务统一。
04
映射多触点并完成无障碍验收
网页、演示、文档和无障碍任务各自产出差异，PR 中逐项对照同一规范。

IMPORT · RUN

资料导入与任务下发

把 Skill、品牌上下文与 Token 纳入项目

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

需要准备的资料

任务范围：新建视觉规范、审计现有规范或设计具体组件
现有 Logo、字体、颜色、图标、图片风格和已发布营销资产
目标触点清单：网站、产品界面、社媒、广告、演示文稿、文档或印刷品
技术与使用限制：可用字体、前端框架、无障碍要求、印刷色和团队维护方式

在 Claude Code 里是这样推进的

把品牌规范、项目背景和现有文件放在同一个项目目录，Claude Code 会结合项目内容调用相应 Skill。

让它先列出任务步骤，再读取文件、调用终端或 MCP 工具完成研究和制作；复杂任务可以分给多个子任务。

团队 Skill 放 .claude/skills/，品牌原则写入项目说明，Token 与资产映射进入受控目录。商业字体和源文件按权限保存。

MANUAL HANDOFF

需要团队补充的步骤

产物区审阅需要手工补

有 1 项能力需要你在 Claude Code 之外完成，下面写清了各自影响哪一步、怎么补。

产物区审阅

影响：第 7 步完成无障碍验收

原因：没有独立产物区，成果以项目文件形式落地

做法：在对话流里分段核对结果

COLLABORATE · CHAIN

协作与后续衔接

用 PR 汇总设计、前端与内容评审

每类改动显示依据、负责人和代表样例。外部设计系统通过获批 MCP 读取，写入与发布保留批准，避免项目任务直接覆盖正式资产。

共享 Token 约束多任务产物

颜色、字体、间距、Logo 和动效先进入共享规则，再让网页、演示、文档与测试任务各自执行。主任务拒绝没有依据的分叉值。

COMBINATION CASE

场景化实战案例

示例：团队长期维护营销站视觉规范

假设一个团队持续新增营销页面，希望新页面都沿用同一套品牌视觉。

建立品牌上下文与 Token
多任务盘点旧页面
生成分批迁移 PR
加入未知值检查
用代表页面复核

预期结果：交付物应形成可版本化的规则、迁移差异和检查机制；最终视觉由设计与品牌负责人批准。

VERIFY · TROUBLESHOOT

效果验证方法

完成一组样本后新开会话，检查字体角色、主色、间距、Logo 和无障碍要求能否稳定复现

完成一组样本后新开会话，检查字体角色、主色、间距、Logo 和无障碍要求能否稳定复现。差异应对应版本变更。

可直接使用的第一个任务

请在 Claude Code 中使用「品牌视觉系统 Skill」。本次要完成：品牌官网、销售演示和社媒模板各用一套颜色与字体，需要统一视觉规范。我会提供任务范围：新建视觉规范、审计现有规范或设计具体组件和现有 Logo、字体、颜色、图标、图片风格和已发布营销资产。请先完成一份小样，交付品牌视觉规范：字体角色、字号层级、颜色用途、间距尺度和 Logo 使用规则和设计 Token 与 CSS 变量：颜色、字体和间距的命名、值与使用范围，并列出需要我确认的金额、日期、适用人群和目标链接。注意：产物区审阅这部分你做不到，遇到时直接告诉我，我手工补。

安装后的最小验证任务

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

Claude Code 常见问题

没有调用 Skill 时，在任务里直接写出 Skill 名称
没有取到 MCP 数据时，检查连接和授权状态
项目资料太多时，指出本次优先参考的文件
第 7 步完成无障碍验收停住时，不用反复换提示词——没有独立产物区，成果以项目文件形式落地，按上面的手工方式补这一步即可
中文办公文档相关步骤结果不稳定时，先确认办公文档需要通过工具处理，纯版式工作不是它的强项

Claude Code 跑品牌视觉系统 Skill需要改哪几步？

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

资料要怎么交给 Claude Code？

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

装完先做什么验证？

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

什么任务更适合选 Claude Code？

因为它能在敏感写入前请求确认，在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里，页面下方列出了更合适的选择。

Claude Code 常见的失败情况有哪些？

没有调用 Skill 时，在任务里直接写出 Skill 名称；没有取到 MCP 数据时，检查连接和授权状态；项目资料太多时，指出本次优先参考的文件。

用 Hooks 检查未知颜色与缺失 Token

对新增 CSS 或组件检查硬编码颜色、未知字体和缺失减弱动效。发现问题生成提示，评审决定补 Token 或改回受控值。

INSTALL

安装到 Claude Code

把品牌视觉系统 Skill装进 Claude Code，一条命令完成

团队 Skill 放 .claude/skills/，品牌原则写入项目说明，Token 与资产映射进入受控目录。商业字体和源文件按权限保存。

METHOD 01 · 交给 AI 自己装

复制提示词

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

请帮我把「品牌视觉系统 Skill」安装到 Claude Code。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-brand-visual-identity/1.0.0/skill-brand-visual-identity.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 Claude Code 的方式安装：mkdir -p ~/.claude/skills && cp -R ./skill-brand-visual-identity ~/.claude/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：在项目里提一个只读任务并点名 Skill，确认它按 SKILL.md 的步骤复述计划。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-brand-visual-identity/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-brand-visual-identity.md

METHOD 03 · 手动放目录

手动安装

解压 ZIP 后，在 Claude Code 中执行：

mkdir -p ~/.claude/skills && cp -R ./skill-brand-visual-identity ~/.claude/skills/

验证：在项目里提一个只读任务并点名 Skill，确认它按 SKILL.md 的步骤复述计划。

项目资料过多时要指出本次优先参考的文件
MCP 数据取不到时先检查连接与授权状态

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

OTHER AGENTS

跨 Agent 适配对比

TRAE、ZCode、WorkBuddy在这个 Skill 上覆盖更多环节

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

4/7 步可直接执行

TRAE 品牌视觉系统

TRAE在这个 Skill 上直接覆盖 4/7 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。

4/7 步可直接执行

ZCode 品牌视觉系统

ZCode在这个 Skill 上直接覆盖 4/7 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。

3/7 步可直接执行

WorkBuddy 品牌视觉系统

WorkBuddy在这个 Skill 上直接覆盖 3/7 步，而且能直接读写 Word、Excel、PPT 等办公文档——如果你这次的卡点正是中文办公文档，换它更省事。

Claude Code 与品牌视觉系统相关的实操文章

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

营销邮件打开率突然下降，先查送达、名单还是内容

这次营销邮件发出后，打开率比往期低了不少。内容同事先改主题行，运营把发送时间从上午挪到晚上，第二轮数据仍没有起色。这样的排查很常见，问题在于打开率把几件事压成了一个数字：平台怎样统计、邮件有没有被接收

客户看完产品页还点“关于我们”，他们在核对什么

客户已经看过产品、服务和案例，最后却转进“关于我们”。很多市场团队会把这次访问理解成对品牌故事感兴趣，于是继续补创始情怀、使命愿景和发展历程。对 B2B 买方来说，这一步常常更实际：他准备把供应商带进

客户案例已经上线，销售为什么还是不愿意转发

官网刚上线一篇客户案例，市场部在群里发了链接，销售却还在问：“有没有制造业客户用过这个模块？”“有没有和这家公司规模接近的结果？”内容已经公开，真正进入商机时，销售仍要从头找材料。这种脱节往往出在案

用户作品已经很多，官网为什么还讲不清产品能做什么

假设一款设计工具已经积累了几百件用户作品。官网把它们排成一面很漂亮的图片墙，新访客从上往下看完，仍会问：“这些作品里，有没有和我同类的项目？用了产品的哪些能力？我能从哪一个开始？” 作品数量证明社区有

营销Skill调用失败怎么排查？按触发、路径、权限和输出定位

营销Skill调用失败怎么排查？先不要急着改提示词。用户看到的“没按Skill执行”可能是根本没有触发，也可能是Skill已启动却读不到文件、拿不到权限，或者运行成功但输出不符合预期。这几类问题需要不

LinkedIn发帖前两行没钩住，公司号跟着发一遍也没用

手机上刷 LinkedIn，一条帖子通常只露出前两行。人停不停，几乎就在这两行里决定。很多人把真正想说的话放在第三段，前两行写「最近有些观察想分享」，等于把展开按钮藏起来了。公司号再把同一段通稿贴一遍

NEXT WORKFLOW

搭配使用

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

Claude Code · 数据与自动化#01

Claude Code 营销动作效果验证 Skill

用 Claude Code 完成「测了五条短视频开头数据需要决定留哪条」，最终得到包含基线和测试组各核心指标变化的 Markdown 对照表。

来源项目 · ericosiu/ai-marketing-skills ★ 3,601 · Fork 688

Claude Code · 调研与策略#02

Claude Code 冷启动获客 Skill

用 Claude Code 完成「SaaS 产品刚做完不知道去哪里找首批测试用户」，最终得到2-3 个匹配当前产品类型的获客渠道选择建议。

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

Claude Code · 社媒与红人#03

Claude Code 海外社区论坛推广 Skill

用 Claude Code 完成「为新产品制定 Hacker News 发布日历和发帖物料」，最终得到多平台论坛发布渠道对比表格。