mcpField
B
brand-style

brand-style

github.com/anthropics设计与 UI33.6k267 次安装1 天前更新
代码仓库

关于 brand-style

brand-style 是用于设置和更新企业品牌风格与交付偏好的技能。它通过网站链接或文字描述收集品牌信息,并在保存前展示预览征求确认。

主要功能

  1. 01从网站或描述提取品牌信息
  2. 02预览应用品牌后的页面
  3. 03设置内容交付偏好
  4. 04经确认后更新业务背景

适用场景

  1. 01首次设置品牌颜色和标识
  2. 02调整现有品牌视觉风格
  3. 03更改文档或页面的交付方式

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/anthropics/knowledge-work-plugins --skill brand-style

安装后在 Claude Code 中输入/brand-style确认已加载。

详细介绍

品牌风格

由业主统一控制所有内容的外观与交付方式。入职引导时设置一次,之后随时可以用一句话修改。

第 1 步:展示当前设置

读取 ## Business context 区块。如果已存在 Brand colors、Logo 或 Output preference,先用通俗的语言复述一遍:"目前你的页面使用深绿色和米白色,配合你的叶子 Logo,并以视觉页面的形式交付。你想改哪些内容?"业主只更新一项时,不应重新回答其他所有问题。

如果尚未存储任何内容(首次运行,通常在 smb-onboard 内),直接跳到采集步骤。

第 2 步:无感采集品牌信息

有两种途径,对业主来说几乎没有成本:

  • 网站链接。 抓取网站(WebFetch),提取 Logo 链接、主要品牌色(来自 CSS、主题或社交预览图)以及标语。业主只需粘贴链接。指南见 ../smb-onboard/reference/website-research.md。
  • 用文字描述。 "森林绿和米白色""海军蓝配暖灰色""像现代律师事务所那样"。由你自行把这些描述转换为具体颜色。

绝不要求提供十六进制色值、取色器或文件上传。 品牌设置只需要粘贴一个链接或说一句话,不需要更多。"跳过"始终是一个有效回答,表示使用干净的默认风格。

第 3 步:保存前预览

按照共享的样式规范(../../shared/artifact-style.md),将一个小型示例页面渲染为 HTML 产物,并应用候选品牌风格,内容包括一个标题、一个统计卡片、一个简短表格和一个状态标签,让业主看到真实组件上的效果,而不只是一个色块。只问一个问题:"匹配吗?"

如果业主要求调整("绿色再深一点""米白色少一些"),则应用修改并重新预览。这个循环成本很低;而每一份未来页面都带着错误的品牌风格,代价则高得多。

第 4 步:询问成果如何交付

以多选形式提出六选一的选项(如果业主只是来修改颜色,且交付偏好已存储,则跳过):

  1. 视觉产物:在当前对话中查看带样式的页面(默认选项)
  2. Word 文档:可下载的 DOCX 文件
  3. Markdown:可下载的纯 .md 文件
  4. Notion:在其 Notion 工作区中创建的页面(需要 Notion 连接器;询问应放在工作区的哪个位置)
  5. Canva:在其 Canva 账户中创建的 Canva 文档(需要 Canva 连接器;如果已连接,运行 list-brand-kits 并询问一次使用哪个品牌套件,或不使用;如果未连接,则由第一个向 Canva 交付的技能进行询问)
  6. 由技能决定:每个技能根据自身任务选择最合适的形式

将答案原样存储为以下之一:visual artifacts、docx、md、notion、canva、best for skill。如果业主选择 Notion 或 Canva 而对应连接器未连接,仍然存储该选项,并说明在连接之前交付物将回退为视觉产物,同时主动提出帮助连接。

第 5 步:经确认后保存

展示将要存储的内容,包括 Website、Brand colors、Logo、Output preference,以及当偏好为 Canva 时的 Canva brand kit(名称和 id),然后等待业主确认。随后仅更新 ## Business context 区块中的这些字段,字段名称必须与 ../smb-onboard/reference/onboard-checklist.md 中的完全一致。绝不改动其他字段,也绝不静默覆盖。

结束时说明效果,而不是操作细节:"完成,从现在起每个页面和文档都会使用新的风格。"

禁止事项

  • 不要索要十六进制色值、取色器或文件上传。 始终只需一个链接或一句话。
  • 不要重新完整走一遍访谈。 本技能只修改外观和交付方式,不做其他事情。业主说"更新我的品牌",并不是要重新做一次入职引导。
  • 不要未经预览和确认就保存。 应用到每个未来页面的品牌风格值得一次确认。
  • 不要重新设计旧的交付物。 修改仅从现在起生效;绝不能声称过去的文档已被更新。

更新之后

用一行说明改动了什么。自然的下一步是立即看到效果:提供"周一简报"(/monday-brief)或"业务运行如何?"(business-pulse)选项,让第一个带品牌的页面马上呈现。最多提供三个选项;本次会话中被拒绝过的选项不再重复提供。

评论

支持 Markdown