一键在 Manus 中运行任何 Skill

huo15-openclaw-brand-protocol

星标0

分支1

更新时间2026年5月2日 02:42

为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、brand-spec、做 brand kit、VI 规范、品牌调研。

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

zhaobod1

zhaobod1/huo15-skills

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

火一五品牌协议技能 v1.0

品牌视觉规范抓取与 codify — 青岛火一五信息科技有限公司

一、触发场景

当用户要为现有品牌/产品做设计，但没有现成品牌规范文件：

"给 X 公司做个落地页，先把他们的品牌抓一下"
"提取 [URL] 的设计规范"
"做一份 brand spec"
"复刻这个品牌的视觉系统"

产出：一份 brand-spec.md，内含可机读的色卡、字体、Logo 描述、调性关键词，可被 huo15-openclaw-frontend-design 直接引用。

二、5 步硬流程（顺序不能颠倒）

步骤 1 · Ask（问 5 个问题）

先问用户，不要自己瞎猜：

品牌/公司名（全称，中英文）
官网或官方渠道 URL（至少一个）
重点抓哪部分（全 VI / 只抓色 / 只抓字体 / 只抓 Logo）
是否有已有 brand guideline PDF/Figma（有的话直接用，跳过抓取）
用途（做落地页 / 做海报 / 做 App，影响深度）

步骤 2 · Search（定位权威源）

按优先级找：

官方 brand / press kit 页（大公司通常有 /brand /press /about/brand）
官方 Figma Community 文件
官方 GitHub 组织下的 design-system 仓库
官网首页 + 3 个内页（作为 fallback）

禁止：只靠 Google 图片搜 Logo。那通常是粉丝做的，色值不准。

步骤 3 · Download（返回 CLI 命令让用户下载）

按 enhance 插件的"禁 child_process"铁律，返回 CLI 命令：

mkdir -p ~/brand-kits/<brand-slug>/raw
curl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg "<URL>"
curl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html "<URL>"
# 需要截图时：
npx playwright-core screenshot "<URL>" ~/brand-kits/<brand-slug>/raw/home.png --viewport-size=1440,900

步骤 4 · Verify + Extract（本地提取）

拿到用户下载的文件后，用以下方法提取：

要素	提取方法
主色	打开 SVG Logo，读 `<path fill="...">`；或用 ImageMagick `convert logo.png -unique-colors txt:` CLI
字体	读 HTML `<link rel="stylesheet">` 找 Google Fonts / typekit；或 `curl -s <URL> \| grep -oE "font-family:[^;]+"`
强调色	读 CSS variables 或 inline `style="color:..."`
Logo 形态	描述：文字 / 图形 / 图文结合 / 几何 / 具象
调性	看首页 hero 文案情绪（理性 / 感性 / 权威 / 亲切）

Verify 质量门（"5-10-2-8" 简化版）：

主色至少验证 2 个不同来源（Logo SVG + 官网 CSS），一致才算
字体必须给出 具体家族名，不能"sans-serif"这种级别

步骤 5 · Codify（输出 brand-spec.md）

按下面模板输出，覆盖到 ~/brand-kits/<brand-slug>/brand-spec.md：

# Brand Spec: <品牌全称>

> 抓取日期：YYYY-MM-DD
> 抓取来源：<URL 列表>
> 置信度：High / Medium / Low（来自 §Verify 质量门结果）

## 1. 颜色
| 用途 | 名称 | HEX | oklch | 来源 |
|------|------|-----|-------|------|
| 主色 | Primary | #XXX | oklch(...) | Logo SVG |
| 强调色 | Accent | #XXX | oklch(...) | 官网 CTA 按钮 |
| 中性 | Neutral | #XXX | oklch(...) | 官网正文 |

## 2. 字体
| 用途 | 家族 | 回落 | 来源 |
|------|------|------|------|
| 标题 | <Name> | <fallback> | Google Fonts `<URL>` |
| 正文 | <Name> | <fallback> | 同上 |

## 3. Logo
- 形态：[文字 / 图形 / 图文]
- 主版：<路径>
- 最小使用尺寸：XX px
- 保护区：Logo 高度的 X%

## 4. 调性关键词（3-5 个）
- 例：可靠 / 专业 / 克制 / 冷静 / 现代

## 5. 参考素材（已下载到本地）
- `~/brand-kits/<brand-slug>/raw/logo.svg`
- `~/brand-kits/<brand-slug>/raw/home.png`
- `~/brand-kits/<brand-slug>/raw/home.html`

## 6. 使用指引（给 frontend-design 的提示词片段）

设计时严格遵循：

主色 #XXX，强调色 #XXX（不许擅自加紫色渐变）
标题用 <字体名>，正文用 <字体名>
调性：<关键词>
参考本地资源：~/brand-kits//raw/

三、与其他 huo15 技能的分工

场景	归属
抓取已有品牌视觉规范	本技能
从零设计品牌标识	超出本技能范围，建议用 `huo15-openclaw-frontend-design` + 大胆流派
拿到 brand-spec 后做页面	`huo15-openclaw-frontend-design`（用 §6 的提示词片段喂给它）
对比多个品牌风格	`huo15-openclaw-design-director`

四、硬红线（违反会让品牌失真）

❌ 从 Google 图片搜的 Logo —— 色值一定不准
❌ 靠视觉判断颜色（"看起来是深蓝"）—— 必须从 SVG 或 CSS 读精确值
❌ 只看首页 —— 首页是宣传，内页才是规范
❌ 猜字体（"看起来像 Helvetica"）—— 必须从 CSS 或 font-face 拿到具体名字
❌ 跳过 Verify 直接 Codify —— 错一次品牌失真比不抓还糟

五、触发词

抓品牌规范 / 抓品牌 / 提取品牌
做 brand kit / 做 brand spec / 做品牌规范
品牌调研 / VI 规范 / 视觉规范
复刻这个品牌 / 提取这个网站的风格

六、版本历史

v1.0.0（当前 · 2026-04-23）：初始版本。5 步硬流程（Ask / Search / Download / Verify+Extract / Codify）+ 禁 child_process 模式的 CLI 命令返回 + brand-spec.md 结构化模板 + 5 条品牌失真硬红线。

技术支持： 青岛火一五信息科技有限公司

同仓库更多 Skills

同仓库

huo15-openclaw-office-doc

zhaobod1/huo15-skills

【青岛火一五信息科技有限公司】企业级 Word 文档生成技能，支持两种模式：规则模式（默认）和模板模式。触发词：写word，写文档、生成word、生成文档、创建文档、.docx、Word文档、写合同、写方案、写报告、写会议纪要、按模板生成、导出PDF、Word转PDF、生成PDF。

2026-06-260

huo15-token-optimizer

zhaobod1/huo15-skills

辉火 Token 优化器 — 在不降低 OpenClaw 性能的前提下，系统化扫描、清理、监控工作区 token 消耗。安全模式：默认 dry-run，备份先行，AGENTS 永不自动替换。

2026-06-260

huo15-baota-control

zhaobod1/huo15-skills

用宝塔(BT-Panel)HTTP API 操控火一五的服务器——查系统状态/内存/磁盘/负载、管网站 (停站/启站/重载)、数据库、SSL 证书、计划任务、Docker，以及调用任意宝塔接口。当用户说"看下 xx 服务器状态/负载/磁盘""重启/停掉某网站""宝塔面板""续证书" "列计划任务""管一下服务器""bt panel"等运维意图时使用。支持多面板。凭据在 ~/.huo15/baota.json，脚本 scripts/bt_api.py。

2026-06-250

huo15-huihuo-suite

zhaobod1/huo15-skills

Use this skill whenever the user wants to manage their work in the 火一五/辉火云 company Odoo system (www.huo15.com, db=huo15) — to-dos / tasks ("记个待办" "加任务" "我的待办"), projects, timesheets ("记工时"), CRM leads & opportunities ("新建商机" "跟进客户" "销售管道"), follow-up activities & reminders ("提醒我" "3天后回访"), calendar events & meetings ("安排会议" "我这周日程" "提前30分钟提醒"), knowledge-base articles ("查/写知识库" "产品手册"), or document files ("找文档" "上传文件"). Also a one-stop "我今天/本周要做什么" briefing. Triggers on odoo, 辉火云企业套件, 公司系统, /odoo/to-do /project /timesheets /crm /calendar /knowledge /documents /sale /purchase /inventory, or "登录公司系统/保存 odoo 账号". Treat bare work-context mentions of 待办/任务/项目/工时/客户/商机/会议/日程/提醒/知识库/文档/销售/采购/库存/订单/发货/收货 as this skill. First run: login.py init (地址/数据库/账号/密码 → ~/.huo15/tools.md). Pure standard library, zero dependencies.

2026-06-240

huo15-openclaw-multi-agent

zhaobod1/huo15-skills

火一五多智能体协同 - 基于 OpenClaw sessions_spawn 的多 Agent 并行工作系统。支持协调者模式、任务分配、结果汇总。触发词：多智能体协同、多 Agent、并行任务、协调者模式。

2026-06-200

huo15-openclaw-bootstrap

zhaobod1/huo15-skills

Use this skill when the user says "你好世界" / "你好世界初始化" / "初始化龙虾" / "龙虾初始化" / "初始化" / "bootstrap" / "hello world" / "onboarding" / "重新认识一下" / "重置我的偏好" / "更新画像", OR when the current working directory contains a BOOTSTRAP.md file. This skill guides users through a 4-step onboarding process to initialize their OpenClaw workspace by creating IDENTITY.md, USER.md, SOUL.md, TOOLS.md, and AGENTS.md files.

2026-06-190

name	huo15-openclaw-brand-protocol
displayName	火一五品牌协议技能
description	为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、brand-spec、做 brand kit、VI 规范、品牌调研。
version	1.0.0
aliases	["火一五品牌协议技能","火一五品牌调研技能","火一五品牌资产技能","火一五VI规范技能","火一五品牌协议","品牌协议","品牌调研","brand protocol","brand spec","VI 规范"]

火一五品牌协议技能 v1.0

品牌视觉规范抓取与 codify — 青岛火一五信息科技有限公司

一、触发场景

当用户要为现有品牌/产品做设计，但没有现成品牌规范文件：

"给 X 公司做个落地页，先把他们的品牌抓一下"
"提取 [URL] 的设计规范"
"做一份 brand spec"
"复刻这个品牌的视觉系统"

产出：一份 brand-spec.md，内含可机读的色卡、字体、Logo 描述、调性关键词，可被 huo15-openclaw-frontend-design 直接引用。

二、5 步硬流程（顺序不能颠倒）

步骤 1 · Ask（问 5 个问题）

先问用户，不要自己瞎猜：

品牌/公司名（全称，中英文）
官网或官方渠道 URL（至少一个）
重点抓哪部分（全 VI / 只抓色 / 只抓字体 / 只抓 Logo）
是否有已有 brand guideline PDF/Figma（有的话直接用，跳过抓取）
用途（做落地页 / 做海报 / 做 App，影响深度）

步骤 2 · Search（定位权威源）

按优先级找：

官方 brand / press kit 页（大公司通常有 /brand /press /about/brand）
官方 Figma Community 文件
官方 GitHub 组织下的 design-system 仓库
官网首页 + 3 个内页（作为 fallback）

禁止：只靠 Google 图片搜 Logo。那通常是粉丝做的，色值不准。

步骤 3 · Download（返回 CLI 命令让用户下载）

按 enhance 插件的"禁 child_process"铁律，返回 CLI 命令：

mkdir -p ~/brand-kits/<brand-slug>/raw
curl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg "<URL>"
curl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html "<URL>"
# 需要截图时：
npx playwright-core screenshot "<URL>" ~/brand-kits/<brand-slug>/raw/home.png --viewport-size=1440,900

步骤 4 · Verify + Extract（本地提取）

拿到用户下载的文件后，用以下方法提取：

要素	提取方法
主色	打开 SVG Logo，读 `<path fill="...">`；或用 ImageMagick `convert logo.png -unique-colors txt:` CLI
字体	读 HTML `<link rel="stylesheet">` 找 Google Fonts / typekit；或 `curl -s <URL> \| grep -oE "font-family:[^;]+"`
强调色	读 CSS variables 或 inline `style="color:..."`
Logo 形态	描述：文字 / 图形 / 图文结合 / 几何 / 具象
调性	看首页 hero 文案情绪（理性 / 感性 / 权威 / 亲切）

Verify 质量门（"5-10-2-8" 简化版）：

主色至少验证 2 个不同来源（Logo SVG + 官网 CSS），一致才算
字体必须给出 具体家族名，不能"sans-serif"这种级别

步骤 5 · Codify（输出 brand-spec.md）

按下面模板输出，覆盖到 ~/brand-kits/<brand-slug>/brand-spec.md：

# Brand Spec: <品牌全称>

> 抓取日期：YYYY-MM-DD
> 抓取来源：<URL 列表>
> 置信度：High / Medium / Low（来自 §Verify 质量门结果）

## 1. 颜色
| 用途 | 名称 | HEX | oklch | 来源 |
|------|------|-----|-------|------|
| 主色 | Primary | #XXX | oklch(...) | Logo SVG |
| 强调色 | Accent | #XXX | oklch(...) | 官网 CTA 按钮 |
| 中性 | Neutral | #XXX | oklch(...) | 官网正文 |

## 2. 字体
| 用途 | 家族 | 回落 | 来源 |
|------|------|------|------|
| 标题 | <Name> | <fallback> | Google Fonts `<URL>` |
| 正文 | <Name> | <fallback> | 同上 |

## 3. Logo
- 形态：[文字 / 图形 / 图文]
- 主版：<路径>
- 最小使用尺寸：XX px
- 保护区：Logo 高度的 X%

## 4. 调性关键词（3-5 个）
- 例：可靠 / 专业 / 克制 / 冷静 / 现代

## 5. 参考素材（已下载到本地）
- `~/brand-kits/<brand-slug>/raw/logo.svg`
- `~/brand-kits/<brand-slug>/raw/home.png`
- `~/brand-kits/<brand-slug>/raw/home.html`

## 6. 使用指引（给 frontend-design 的提示词片段）

设计时严格遵循：

主色 #XXX，强调色 #XXX（不许擅自加紫色渐变）
标题用 <字体名>，正文用 <字体名>
调性：<关键词>
参考本地资源：~/brand-kits//raw/

三、与其他 huo15 技能的分工

场景	归属
抓取已有品牌视觉规范	本技能
从零设计品牌标识	超出本技能范围，建议用 `huo15-openclaw-frontend-design` + 大胆流派
拿到 brand-spec 后做页面	`huo15-openclaw-frontend-design`（用 §6 的提示词片段喂给它）
对比多个品牌风格	`huo15-openclaw-design-director`

四、硬红线（违反会让品牌失真）

❌ 从 Google 图片搜的 Logo —— 色值一定不准
❌ 靠视觉判断颜色（"看起来是深蓝"）—— 必须从 SVG 或 CSS 读精确值
❌ 只看首页 —— 首页是宣传，内页才是规范
❌ 猜字体（"看起来像 Helvetica"）—— 必须从 CSS 或 font-face 拿到具体名字
❌ 跳过 Verify 直接 Codify —— 错一次品牌失真比不抓还糟

五、触发词

抓品牌规范 / 抓品牌 / 提取品牌
做 brand kit / 做 brand spec / 做品牌规范
品牌调研 / VI 规范 / 视觉规范
复刻这个品牌 / 提取这个网站的风格

六、版本历史

v1.0.0（当前 · 2026-04-23）：初始版本。5 步硬流程（Ask / Search / Download / Verify+Extract / Codify）+ 禁 child_process 模式的 CLI 命令返回 + brand-spec.md 结构化模板 + 5 条品牌失真硬红线。

技术支持： 青岛火一五信息科技有限公司