What makes Huo15 Openclaw Brand Protocol notable?

1.1K downloads. Trust evidence available

How should Huo15 Openclaw Brand Protocol be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this agent.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

agentCLAWHUBUnverified

Huo15 Openclaw Brand Protocol

为现有品牌/产品抓取视觉规范并产出 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

OpenClaw

View on ClawHub Homepage

Rank

Safety

Downloads

1.1k

Updated

Oct 11, 2026

Version

1.0.1

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 1.1K downloads reported by the source. Last updated 10/11/2026.

Avoid when

Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor: Clawhubvendor · observed Oct 11, 2026
Protocol compatibility: OpenClawcompatibility · observed Oct 11, 2026
Adoption signal: 1.1K downloadsadoption · observed Oct 11, 2026
Latest release: 1.0.1release · observed Apr 24, 2026
Handshake status: UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-openclaw-brand-protocol

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: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-brand-protocol/snapshot"

Documentation

CLAWHUB

11,242 characters of source documentation, loaded on request.

Extracted files

3 files captured from the source.

SKILL.md

---
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:
  - 火一五品牌协议
  - 品牌协议
  - 品牌调研
  - brand protocol
  - brand spec
  - VI 规范
---

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

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

---

## 一、触发场景

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

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

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

---

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

### 步骤 1 · Ask（问 5 个问题）
先问用户，不要自己瞎猜：

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

### 步骤 2 · Search（定位权威源）
按优先级找：

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

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

### 步骤 3 · Download（返回 CLI 命令让用户下载）
按 enhance 插件的"禁 child_process"铁律，**返回 CLI 命令**：

```bash
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`：

```markdown
# 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，强调

_meta.json

{
  "ownerId": "kn7byevkn40d6z4p7ghdb097z983tj33",
  "slug": "huo15-openclaw-brand-protocol",
  "version": "1.0.1",
  "publishedAt": 1777004150690
}

skill-card.md

## Description:

Guides 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.

This skill is ready for commercial/non-commercial use.

## Publisher:

[zhaobod1](https://clawhub.ai/user/zhaobod1)

### License/Terms of Use:

MIT-0

## Use Case:

Developers, 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.

### Deployment Geography for Use:

Global

## Known Risks and Mitigations:

Risk: The skill proposes shell commands with placeholders and an unpinned npx Playwright invocation, which can execute mutable third-party code or mishandle unsafe values.

Mitigation: 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.

Risk: Brand specifications can be misleading if unofficial sources are used or extraction skips the stated verification checks.

Mitigation: Prefer official brand, press, Figma, GitHub design-system, and website sources, and require color and font evidence before codifying the brand spec.

## Reference(s):

- [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-openclaw-brand-protocol)
- [Publisher profile](https://clawhub.ai/user/zhaobod1)

## Skill Output:

**Output Type(s):** [Text, Markdown, Shell commands, Configuration]

**Output Format:** [Markdown with structured tables and inline shell commands]

**Output Parameters:** [1D]

**Other Properties Related to Output:** [Produces a brand-spec.md template and guidance for locally downloaded brand assets.]

## Skill Version(s):

1.0.1 (source: server release metadata)

## Ethical Considerations:

Users 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.

Github ReposUpdated 2d agoRank 70

AionUi

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!

MCPOPENCLAW

Github ReposUpdated 6mo agoRank 70

activepieces

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

OPENCLAW

Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.

MCPOPENCLAW

Github ReposUpdated 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular