{"id":"a6674ff2-5132-4723-9b5d-65480f1199ab","entityType":"agent","slug":"clawhub-zhaobod1-huo15-openclaw-brand-protocol","name":"Huo15 Openclaw Brand Protocol","canonicalUrl":"https://www.xpersona.co/agent/clawhub-zhaobod1-huo15-openclaw-brand-protocol","canonicalPath":"/agent/clawhub-zhaobod1-huo15-openclaw-brand-protocol","generatedAt":"2026-10-11T15:20:43.579Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-11T12:11:41.842Z","emptyReason":null},"description":"为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、br... Skill: Huo15 Openclaw Brand Protocol Owner: zhaobod1 Summary: 为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、br... Tags: latest:1.0.1 Version history: v1.0.1 | 2026-04-24T04:15:50.690Z | auto No changes detected in this version. - Version bumped to 1.0.1, but no file changes were made. - Functionality and docum","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 1.1K downloads reported by the source. Last updated 10/11/2026.","installCommand":"clawhub skill install s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-openclaw-brand-protocol","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-openclaw-brand-protocol","homepage":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-brand-protocol","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/zhaobod1/huo15-openclaw-brand-protocol","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-brand-protocol","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":61,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、br..."},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-11T12:11:41.842Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile"}},"adoption":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-11T12:11:41.842Z","emptyReason":null},"stars":null,"forks":null,"downloads":1068,"packageName":null,"latestVersion":"1.0.1","tractionLabel":"1.1K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-11T12:11:41.833Z","emptyReason":null},"lastUpdatedAt":"2026-10-11T12:11:41.842Z","lastCrawledAt":"2026-10-11T12:11:41.833Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-12T12:11:41.833Z","lastVerifiedAt":null,"highlights":[{"version":"1.0.1","createdAt":"2026-04-24T04:15:50.690Z","changelog":"No changes detected in this version. - Version bumped to 1.0.1, but no file changes were made. - Functionality and documentation remain identical to previous release.","fileCount":3,"zipByteSize":4728},{"version":"1.0.0","createdAt":"2026-04-23T04:48:09.950Z","changelog":"首发 v1.0.0：Ask/Search/Download/Verify+Extract/Codify 5 步硬流程 → brand-spec.md","fileCount":2,"zipByteSize":3523}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-openclaw-brand-protocol","setupComplexity":"low","setupSteps":["Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-11T15:20:43.579Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"high","updatedAt":"2026-10-11T12:11:41.842Z","emptyReason":null},"readme":"Skill: Huo15 Openclaw Brand Protocol\n\nOwner: zhaobod1\n\nSummary: 为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、br...\n\nTags: latest:1.0.1\n\nVersion history:\n\nv1.0.1 | 2026-04-24T04:15:50.690Z | auto\n\nNo changes detected in this version.\n\n- Version bumped to 1.0.1, but no file changes were made.\n- Functionality and documentation remain identical to previous release.\n\nv1.0.0 | 2026-04-23T04:48:09.950Z | user\n\n首发 v1.0.0：Ask/Search/Download/Verify+Extract/Codify 5 步硬流程 → brand-spec.md\n\nArchive index:\n\nArchive v1.0.1: 3 files, 4728 bytes\n\nFiles: skill-card.md (2150b), SKILL.md (6141b), _meta.json (148b)\n\nFile v1.0.1:SKILL.md\n\n---\nname: huo15-openclaw-brand-protocol\ndisplayName: 火一五品牌协议技能\ndescription: 为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、brand-spec、做 brand kit、VI 规范、品牌调研。\nversion: 1.0.0\naliases:\n  - 火一五品牌协议\n  - 品牌协议\n  - 品牌调研\n  - brand protocol\n  - brand spec\n  - VI 规范\n---\n\n# 火一五品牌协议技能 v1.0\n\n> 品牌视觉规范抓取与 codify — 青岛火一五信息科技有限公司\n\n---\n\n## 一、触发场景\n\n当用户要为**现有品牌/产品**做设计，但没有现成品牌规范文件：\n\n- \"给 X 公司做个落地页，先把他们的品牌抓一下\"\n- \"提取 [URL] 的设计规范\"\n- \"做一份 brand spec\"\n- \"复刻这个品牌的视觉系统\"\n\n**产出**：一份 `brand-spec.md`，内含可机读的色卡、字体、Logo 描述、调性关键词，可被 `huo15-openclaw-frontend-design` 直接引用。\n\n---\n\n## 二、5 步硬流程（顺序不能颠倒）\n\n### 步骤 1 · Ask（问 5 个问题）\n先问用户，不要自己瞎猜：\n\n1. **品牌/公司名**（全称，中英文）\n2. **官网或官方渠道 URL**（至少一个）\n3. **重点抓哪部分**（全 VI / 只抓色 / 只抓字体 / 只抓 Logo）\n4. **是否有已有 brand guideline PDF/Figma**（有的话直接用，跳过抓取）\n5. **用途**（做落地页 / 做海报 / 做 App，影响深度）\n\n### 步骤 2 · Search（定位权威源）\n按优先级找：\n\n1. **官方 brand / press kit 页**（大公司通常有 `/brand` `/press` `/about/brand`）\n2. **官方 Figma Community 文件**\n3. **官方 GitHub 组织下的 design-system 仓库**\n4. **官网首页 + 3 个内页**（作为 fallback）\n\n**禁止**：只靠 Google 图片搜 Logo。那通常是粉丝做的，色值不准。\n\n### 步骤 3 · Download（返回 CLI 命令让用户下载）\n按 enhance 插件的\"禁 child_process\"铁律，**返回 CLI 命令**：\n\n```bash\nmkdir -p ~/brand-kits/<brand-slug>/raw\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg \"<URL>\"\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html \"<URL>\"\n# 需要截图时：\nnpx playwright-core screenshot \"<URL>\" ~/brand-kits/<brand-slug>/raw/home.png --viewport-size=1440,900\n```\n\n### 步骤 4 · Verify + Extract（本地提取）\n拿到用户下载的文件后，用以下方法提取：\n\n| 要素 | 提取方法 |\n|------|---------|\n| **主色** | 打开 SVG Logo，读 `<path fill=\"...\">`；或用 ImageMagick `convert logo.png -unique-colors txt:` CLI |\n| **字体** | 读 HTML `<link rel=\"stylesheet\">` 找 Google Fonts / typekit；或 `curl -s <URL> \\| grep -oE \"font-family:[^;]+\"` |\n| **强调色** | 读 CSS variables 或 inline `style=\"color:...\"` |\n| **Logo 形态** | 描述：文字 / 图形 / 图文结合 / 几何 / 具象 |\n| **调性** | 看首页 hero 文案情绪（理性 / 感性 / 权威 / 亲切） |\n\n**Verify 质量门**（\"5-10-2-8\" 简化版）：\n- 主色至少验证 **2 个不同来源**（Logo SVG + 官网 CSS），一致才算\n- 字体必须给出 **具体家族名**，不能\"sans-serif\"这种级别\n\n### 步骤 5 · Codify（输出 brand-spec.md）\n按下面模板输出，覆盖到 `~/brand-kits/<brand-slug>/brand-spec.md`：\n\n```markdown\n# Brand Spec: <品牌全称>\n\n> 抓取日期：YYYY-MM-DD\n> 抓取来源：<URL 列表>\n> 置信度：High / Medium / Low（来自 §Verify 质量门结果）\n\n## 1. 颜色\n| 用途 | 名称 | HEX | oklch | 来源 |\n|------|------|-----|-------|------|\n| 主色 | Primary | #XXX | oklch(...) | Logo SVG |\n| 强调色 | Accent | #XXX | oklch(...) | 官网 CTA 按钮 |\n| 中性 | Neutral | #XXX | oklch(...) | 官网正文 |\n\n## 2. 字体\n| 用途 | 家族 | 回落 | 来源 |\n|------|------|------|------|\n| 标题 | <Name> | <fallback> | Google Fonts `<URL>` |\n| 正文 | <Name> | <fallback> | 同上 |\n\n## 3. Logo\n- 形态：[文字 / 图形 / 图文]\n- 主版：<路径>\n- 最小使用尺寸：XX px\n- 保护区：Logo 高度的 X%\n\n## 4. 调性关键词（3-5 个）\n- 例：可靠 / 专业 / 克制 / 冷静 / 现代\n\n## 5. 参考素材（已下载到本地）\n- `~/brand-kits/<brand-slug>/raw/logo.svg`\n- `~/brand-kits/<brand-slug>/raw/home.png`\n- `~/brand-kits/<brand-slug>/raw/home.html`\n\n## 6. 使用指引（给 frontend-design 的提示词片段）\n```\n设计时严格遵循：\n- 主色 #XXX，强调色 #XXX（不许擅自加紫色渐变）\n- 标题用 <字体名>，正文用 <字体名>\n- 调性：<关键词>\n- 参考本地资源：~/brand-kits/<brand-slug>/raw/\n```\n```\n\n---\n\n## 三、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 抓取已有品牌视觉规范 | **本技能** |\n| 从零设计品牌标识 | 超出本技能范围，建议用 `huo15-openclaw-frontend-design` + 大胆流派 |\n| 拿到 brand-spec 后做页面 | `huo15-openclaw-frontend-design`（用 §6 的提示词片段喂给它） |\n| 对比多个品牌风格 | `huo15-openclaw-design-director` |\n\n---\n\n## 四、硬红线（违反会让品牌失真）\n\n1. ❌ **从 Google 图片搜的 Logo** —— 色值一定不准\n2. ❌ **靠视觉判断颜色**（\"看起来是深蓝\"）—— 必须从 SVG 或 CSS 读精确值\n3. ❌ **只看首页** —— 首页是宣传，内页才是规范\n4. ❌ **猜字体**（\"看起来像 Helvetica\"）—— 必须从 CSS 或 font-face 拿到具体名字\n5. ❌ **跳过 Verify 直接 Codify** —— 错一次品牌失真比不抓还糟\n\n---\n\n## 五、触发词\n\n- 抓品牌规范 / 抓品牌 / 提取品牌\n- 做 brand kit / 做 brand spec / 做品牌规范\n- 品牌调研 / VI 规范 / 视觉规范\n- 复刻这个品牌 / 提取这个网站的风格\n\n---\n\n## 六、版本历史\n\n- **v1.0.0（当前 · 2026-04-23）**：初始版本。5 步硬流程（Ask / Search / Download / Verify+Extract / Codify）+ 禁 child_process 模式的 CLI 命令返回 + brand-spec.md 结构化模板 + 5 条品牌失真硬红线。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v1.0.1:_meta.json\n\n{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-brand-protocol\",\n  \"version\": \"1.0.1\",\n  \"publishedAt\": 1777004150690\n}\n\nFile v1.0.1:skill-card.md\n\n## Description:\n\nGuides an agent through collecting official brand sources, extracting visual identity details, verifying them, and producing a structured brand-spec.md for downstream frontend design work.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[zhaobod1](https://clawhub.ai/user/zhaobod1)\n\n### License/Terms of Use:\n\nMIT-0\n\n## Use Case:\n\nDevelopers, designers, and design agents use this skill to research an existing brand from official sources and codify colors, typography, logo notes, tone, downloaded assets, and prompt-ready design guidance.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: The skill proposes shell commands with placeholders and an unpinned npx Playwright invocation, which can execute mutable third-party code or mishandle unsafe values.\n\nMitigation: Review commands before running them, use only official public brand sources, validate brand slugs to lowercase letters, numbers, and hyphens, quote paths and URLs, and pin or preinstall Playwright.\n\nRisk: Brand specifications can be misleading if unofficial sources are used or extraction skips the stated verification checks.\n\nMitigation: Prefer official brand, press, Figma, GitHub design-system, and website sources, and require color and font evidence before codifying the brand spec.\n\n## Reference(s):\n\n- [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-openclaw-brand-protocol)\n- [Publisher profile](https://clawhub.ai/user/zhaobod1)\n\n## Skill Output:\n\n**Output Type(s):** [Text, Markdown, Shell commands, Configuration]\n\n**Output Format:** [Markdown with structured tables and inline shell commands]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [Produces a brand-spec.md template and guidance for locally downloaded brand assets.]\n\n## Skill Version(s):\n\n1.0.1 (source: server release metadata)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.\n\nArchive v1.0.0: 2 files, 3523 bytes\n\nFiles: SKILL.md (6141b), _meta.json (148b)\n\nFile v1.0.0:SKILL.md\n\n---\nname: huo15-openclaw-brand-protocol\ndisplayName: 火一五品牌协议技能\ndescription: 为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、brand-spec、做 brand kit、VI 规范、品牌调研。\nversion: 1.0.0\naliases:\n  - 火一五品牌协议\n  - 品牌协议\n  - 品牌调研\n  - brand protocol\n  - brand spec\n  - VI 规范\n---\n\n# 火一五品牌协议技能 v1.0\n\n> 品牌视觉规范抓取与 codify — 青岛火一五信息科技有限公司\n\n---\n\n## 一、触发场景\n\n当用户要为**现有品牌/产品**做设计，但没有现成品牌规范文件：\n\n- \"给 X 公司做个落地页，先把他们的品牌抓一下\"\n- \"提取 [URL] 的设计规范\"\n- \"做一份 brand spec\"\n- \"复刻这个品牌的视觉系统\"\n\n**产出**：一份 `brand-spec.md`，内含可机读的色卡、字体、Logo 描述、调性关键词，可被 `huo15-openclaw-frontend-design` 直接引用。\n\n---\n\n## 二、5 步硬流程（顺序不能颠倒）\n\n### 步骤 1 · Ask（问 5 个问题）\n先问用户，不要自己瞎猜：\n\n1. **品牌/公司名**（全称，中英文）\n2. **官网或官方渠道 URL**（至少一个）\n3. **重点抓哪部分**（全 VI / 只抓色 / 只抓字体 / 只抓 Logo）\n4. **是否有已有 brand guideline PDF/Figma**（有的话直接用，跳过抓取）\n5. **用途**（做落地页 / 做海报 / 做 App，影响深度）\n\n### 步骤 2 · Search（定位权威源）\n按优先级找：\n\n1. **官方 brand / press kit 页**（大公司通常有 `/brand` `/press` `/about/brand`）\n2. **官方 Figma Community 文件**\n3. **官方 GitHub 组织下的 design-system 仓库**\n4. **官网首页 + 3 个内页**（作为 fallback）\n\n**禁止**：只靠 Google 图片搜 Logo。那通常是粉丝做的，色值不准。\n\n### 步骤 3 · Download（返回 CLI 命令让用户下载）\n按 enhance 插件的\"禁 child_process\"铁律，**返回 CLI 命令**：\n\n```bash\nmkdir -p ~/brand-kits/<brand-slug>/raw\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg \"<URL>\"\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html \"<URL>\"\n# 需要截图时：\nnpx playwright-core screenshot \"<URL>\" ~/brand-kits/<brand-slug>/raw/home.png --viewport-size=1440,900\n```\n\n### 步骤 4 · Verify + Extract（本地提取）\n拿到用户下载的文件后，用以下方法提取：\n\n| 要素 | 提取方法 |\n|------|---------|\n| **主色** | 打开 SVG Logo，读 `<path fill=\"...\">`；或用 ImageMagick `convert logo.png -unique-colors txt:` CLI |\n| **字体** | 读 HTML `<link rel=\"stylesheet\">` 找 Google Fonts / typekit；或 `curl -s <URL> \\| grep -oE \"font-family:[^;]+\"` |\n| **强调色** | 读 CSS variables 或 inline `style=\"color:...\"` |\n| **Logo 形态** | 描述：文字 / 图形 / 图文结合 / 几何 / 具象 |\n| **调性** | 看首页 hero 文案情绪（理性 / 感性 / 权威 / 亲切） |\n\n**Verify 质量门**（\"5-10-2-8\" 简化版）：\n- 主色至少验证 **2 个不同来源**（Logo SVG + 官网 CSS），一致才算\n- 字体必须给出 **具体家族名**，不能\"sans-serif\"这种级别\n\n### 步骤 5 · Codify（输出 brand-spec.md）\n按下面模板输出，覆盖到 `~/brand-kits/<brand-slug>/brand-spec.md`：\n\n```markdown\n# Brand Spec: <品牌全称>\n\n> 抓取日期：YYYY-MM-DD\n> 抓取来源：<URL 列表>\n> 置信度：High / Medium / Low（来自 §Verify 质量门结果）\n\n## 1. 颜色\n| 用途 | 名称 | HEX | oklch | 来源 |\n|------|------|-----|-------|------|\n| 主色 | Primary | #XXX | oklch(...) | Logo SVG |\n| 强调色 | Accent | #XXX | oklch(...) | 官网 CTA 按钮 |\n| 中性 | Neutral | #XXX | oklch(...) | 官网正文 |\n\n## 2. 字体\n| 用途 | 家族 | 回落 | 来源 |\n|------|------|------|------|\n| 标题 | <Name> | <fallback> | Google Fonts `<URL>` |\n| 正文 | <Name> | <fallback> | 同上 |\n\n## 3. Logo\n- 形态：[文字 / 图形 / 图文]\n- 主版：<路径>\n- 最小使用尺寸：XX px\n- 保护区：Logo 高度的 X%\n\n## 4. 调性关键词（3-5 个）\n- 例：可靠 / 专业 / 克制 / 冷静 / 现代\n\n## 5. 参考素材（已下载到本地）\n- `~/brand-kits/<brand-slug>/raw/logo.svg`\n- `~/brand-kits/<brand-slug>/raw/home.png`\n- `~/brand-kits/<brand-slug>/raw/home.html`\n\n## 6. 使用指引（给 frontend-design 的提示词片段）\n```\n设计时严格遵循：\n- 主色 #XXX，强调色 #XXX（不许擅自加紫色渐变）\n- 标题用 <字体名>，正文用 <字体名>\n- 调性：<关键词>\n- 参考本地资源：~/brand-kits/<brand-slug>/raw/\n```\n```\n\n---\n\n## 三、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 抓取已有品牌视觉规范 | **本技能** |\n| 从零设计品牌标识 | 超出本技能范围，建议用 `huo15-openclaw-frontend-design` + 大胆流派 |\n| 拿到 brand-spec 后做页面 | `huo15-openclaw-frontend-design`（用 §6 的提示词片段喂给它） |\n| 对比多个品牌风格 | `huo15-openclaw-design-director` |\n\n---\n\n## 四、硬红线（违反会让品牌失真）\n\n1. ❌ **从 Google 图片搜的 Logo** —— 色值一定不准\n2. ❌ **靠视觉判断颜色**（\"看起来是深蓝\"）—— 必须从 SVG 或 CSS 读精确值\n3. ❌ **只看首页** —— 首页是宣传，内页才是规范\n4. ❌ **猜字体**（\"看起来像 Helvetica\"）—— 必须从 CSS 或 font-face 拿到具体名字\n5. ❌ **跳过 Verify 直接 Codify** —— 错一次品牌失真比不抓还糟\n\n---\n\n## 五、触发词\n\n- 抓品牌规范 / 抓品牌 / 提取品牌\n- 做 brand kit / 做 brand spec / 做品牌规范\n- 品牌调研 / VI 规范 / 视觉规范\n- 复刻这个品牌 / 提取这个网站的风格\n\n---\n\n## 六、版本历史\n\n- **v1.0.0（当前 · 2026-04-23）**：初始版本。5 步硬流程（Ask / Search / Download / Verify+Extract / Codify）+ 禁 child_process 模式的 CLI 命令返回 + brand-spec.md 结构化模板 + 5 条品牌失真硬红线。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v1.0.0:_meta.json\n\n{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-brand-protocol\",\n  \"version\": \"1.0.0\",\n  \"publishedAt\": 1776919689950\n}","readmeExcerpt":"Skill: Huo15 Openclaw Brand Protocol Owner: zhaobod1 Summary: 为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、br... Tags: latest:1.0.1 Version history: v1.0.1 | 2026-04-24T04:15:50.690Z | auto No changes detected in this version. - Version bumped to 1.0.1, but no file changes were made. - Functionality and docum","codeSnippets":[],"executableExamples":[{"language":"bash","snippet":"curl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg \"<URL>\""},{"language":"bash","snippet":"curl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html \"<URL>\""},{"language":"bash","snippet":"mkdir -p ~/brand-kits/<brand-slug>/raw\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg \"<URL>\"\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html \"<URL>\"\n# 需要截图时：\nnpx playwright-core screenshot \"<URL>\" ~/brand-kits/<brand-slug>/raw/home.png --viewport-size=1440,900"},{"language":"markdown","snippet":"# Brand Spec: <品牌全称>\n\n> 抓取日期：YYYY-MM-DD\n> 抓取来源：<URL 列表>\n> 置信度：High / Medium / Low（来自 §Verify 质量门结果）\n\n## 1. 颜色\n| 用途 | 名称 | HEX | oklch | 来源 |\n|------|------|-----|-------|------|\n| 主色 | Primary | #XXX | oklch(...) | Logo SVG |\n| 强调色 | Accent | #XXX | oklch(...) | 官网 CTA 按钮 |\n| 中性 | Neutral | #XXX | oklch(...) | 官网正文 |\n\n## 2. 字体\n| 用途 | 家族 | 回落 | 来源 |\n|------|------|------|------|\n| 标题 | <Name> | <fallback> | Google Fonts `<URL>` |\n| 正文 | <Name> | <fallback> | 同上 |\n\n## 3. Logo\n- 形态：[文字 / 图形 / 图文]\n- 主版：<路径>\n- 最小使用尺寸：XX px\n- 保护区：Logo 高度的 X%\n\n## 4. 调性关键词（3-5 个）\n- 例：可靠 / 专业 / 克制 / 冷静 / 现代\n\n## 5. 参考素材（已下载到本地）\n- `~/brand-kits/<brand-slug>/raw/logo.svg`\n- `~/brand-kits/<brand-slug>/raw/home.png`\n- `~/brand-kits/<brand-slug>/raw/home.html`\n\n## 6. 使用指引（给 frontend-design 的提示词片段）"},{"language":"bash","snippet":"curl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg \"<URL>\""},{"language":"bash","snippet":"curl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html \"<URL>\""}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\nname: huo15-openclaw-brand-protocol\ndisplayName: 火一五品牌协议技能\ndescription: 为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、brand-spec、做 brand kit、VI 规范、品牌调研。\nversion: 1.0.0\naliases:\n  - 火一五品牌协议\n  - 品牌协议\n  - 品牌调研\n  - brand protocol\n  - brand spec\n  - VI 规范\n---\n\n# 火一五品牌协议技能 v1.0\n\n> 品牌视觉规范抓取与 codify — 青岛火一五信息科技有限公司\n\n---\n\n## 一、触发场景\n\n当用户要为**现有品牌/产品**做设计，但没有现成品牌规范文件：\n\n- \"给 X 公司做个落地页，先把他们的品牌抓一下\"\n- \"提取 [URL] 的设计规范\"\n- \"做一份 brand spec\"\n- \"复刻这个品牌的视觉系统\"\n\n**产出**：一份 `brand-spec.md`，内含可机读的色卡、字体、Logo 描述、调性关键词，可被 `huo15-openclaw-frontend-design` 直接引用。\n\n---\n\n## 二、5 步硬流程（顺序不能颠倒）\n\n### 步骤 1 · Ask（问 5 个问题）\n先问用户，不要自己瞎猜：\n\n1. **品牌/公司名**（全称，中英文）\n2. **官网或官方渠道 URL**（至少一个）\n3. **重点抓哪部分**（全 VI / 只抓色 / 只抓字体 / 只抓 Logo）\n4. **是否有已有 brand guideline PDF/Figma**（有的话直接用，跳过抓取）\n5. **用途**（做落地页 / 做海报 / 做 App，影响深度）\n\n### 步骤 2 · Search（定位权威源）\n按优先级找：\n\n1. **官方 brand / press kit 页**（大公司通常有 `/brand` `/press` `/about/brand`）\n2. **官方 Figma Community 文件**\n3. **官方 GitHub 组织下的 design-system 仓库**\n4. **官网首页 + 3 个内页**（作为 fallback）\n\n**禁止**：只靠 Google 图片搜 Logo。那通常是粉丝做的，色值不准。\n\n### 步骤 3 · Download（返回 CLI 命令让用户下载）\n按 enhance 插件的\"禁 child_process\"铁律，**返回 CLI 命令**：\n\n```bash\nmkdir -p ~/brand-kits/<brand-slug>/raw\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/logo.svg \"<URL>\"\ncurl -fsSL -o ~/brand-kits/<brand-slug>/raw/home.html \"<URL>\"\n# 需要截图时：\nnpx playwright-core screenshot \"<URL>\" ~/brand-kits/<brand-slug>/raw/home.png --viewport-size=1440,900\n```\n\n### 步骤 4 · Verify + Extract（本地提取）\n拿到用户下载的文件后，用以下方法提取：\n\n| 要素 | 提取方法 |\n|------|---------|\n| **主色** | 打开 SVG Logo，读 `<path fill=\"...\">`；或用 ImageMagick `convert logo.png -unique-colors txt:` CLI |\n| **字体** | 读 HTML `<link rel=\"stylesheet\">` 找 Google Fonts / typekit；或 `curl -s <URL> \\| grep -oE \"font-family:[^;]+\"` |\n| **强调色** | 读 CSS variables 或 inline `style=\"color:...\"` |\n| **Logo 形态** | 描述：文字 / 图形 / 图文结合 / 几何 / 具象 |\n| **调性** | 看首页 hero 文案情绪（理性 / 感性 / 权威 / 亲切） |\n\n**Verify 质量门**（\"5-10-2-8\" 简化版）：\n- 主色至少验证 **2 个不同来源**（Logo SVG + 官网 CSS），一致才算\n- 字体必须给出 **具体家族名**，不能\"sans-serif\"这种级别\n\n### 步骤 5 · Codify（输出 brand-spec.md）\n按下面模板输出，覆盖到 `~/brand-kits/<brand-slug>/brand-spec.md`：\n\n```markdown\n# Brand Spec: <品牌全称>\n\n> 抓取日期：YYYY-MM-DD\n> 抓取来源：<URL 列表>\n> 置信度：High / Medium / Low（来自 §Verify 质量门结果）\n\n## 1. 颜色\n| 用途 | 名称 | HEX | oklch | 来源 |\n|------|------|-----|-------|------|\n| 主色 | Primary | #XXX | oklch(...) | Logo SVG |\n| 强调色 | Accent | #XXX | oklch(...) | 官网 CTA 按钮 |\n| 中性 | Neutral | #XXX | oklch(...) | 官网正文 |\n\n## 2. 字体\n| 用途 | 家族 | 回落 | 来源 |\n|------|------|------|------|\n| 标题 | <Name> | <fallback> | Google Fonts `<URL>` |\n| 正文 | <Name> | <fallback> | 同上 |\n\n## 3. Logo\n- 形态：[文字 / 图形 / 图文]\n- 主版：<路径>\n- 最小使用尺寸：XX px\n- 保护区：Logo 高度的 X%\n\n## 4. 调性关键词（3-5 个）\n- 例：可靠 / 专业 / 克制 / 冷静 / 现代\n\n## 5. 参考素材（已下载到本地）\n- `~/brand-kits/<brand-slug>/raw/logo.svg`\n- `~/brand-kits/<brand-slug>/raw/home.png`\n- `~/brand-kits/<brand-slug>/raw/home.html`\n\n## 6. 使用指引（给 frontend-design 的提示词片段）\n```\n设计时严格遵循：\n- 主色 #XXX，强调"},{"path":"_meta.json","content":"{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-brand-protocol\",\n  \"version\": \"1.0.1\",\n  \"publishedAt\": 1777004150690\n}"},{"path":"skill-card.md","content":"## Description:\n\nGuides an agent through collecting official brand sources, extracting visual identity details, verifying them, and producing a structured brand-spec.md for downstream frontend design work.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[zhaobod1](https://clawhub.ai/user/zhaobod1)\n\n### License/Terms of Use:\n\nMIT-0\n\n## Use Case:\n\nDevelopers, designers, and design agents use this skill to research an existing brand from official sources and codify colors, typography, logo notes, tone, downloaded assets, and prompt-ready design guidance.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: The skill proposes shell commands with placeholders and an unpinned npx Playwright invocation, which can execute mutable third-party code or mishandle unsafe values.\n\nMitigation: Review commands before running them, use only official public brand sources, validate brand slugs to lowercase letters, numbers, and hyphens, quote paths and URLs, and pin or preinstall Playwright.\n\nRisk: Brand specifications can be misleading if unofficial sources are used or extraction skips the stated verification checks.\n\nMitigation: Prefer official brand, press, Figma, GitHub design-system, and website sources, and require color and font evidence before codifying the brand spec.\n\n## Reference(s):\n\n- [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-openclaw-brand-protocol)\n- [Publisher profile](https://clawhub.ai/user/zhaobod1)\n\n## Skill Output:\n\n**Output Type(s):** [Text, Markdown, Shell commands, Configuration]\n\n**Output Format:** [Markdown with structured tables and inline shell commands]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [Produces a brand-spec.md template and guidance for locally downloaded brand assets.]\n\n## Skill Version(s):\n\n1.0.1 (source: server release metadata)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment."}],"languages":[],"docsSourceLabel":"CLAWHUB","editorialOverview":"为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、br... Skill: Huo15 Openclaw Brand Protocol Owner: zhaobod1 Summary: 为现有品牌/产品抓取视觉规范并产出 brand-spec.md。5 步硬流程 Ask / Search / Download / Verify+Extract / Codify，输出可被 huo15-openclaw-frontend-design 直接引用的品牌规约。触发词：抓品牌规范、提取品牌、品牌资产、br... Tags: latest:1.0.1 Version history: v1.0.1 | 2026-04-24T04:15:50.690Z | auto No changes detected in this version. - Version bumped to 1.0.1, but no file changes were made. - Functionality and docum","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":828,"uniquenessScore":57,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-10-11T12:11:41.842Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-10-11T12:11:41.842Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-11T15:20:43.579Z","emptyReason":null},"items":[{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-10-09T19:11:12.944Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}