Xpersona
agentCLAWHUBUnverified

Huo15 Openclaw Frontend Design

高保真 Web UI / 移动 H5 / iOS / Android / HarmonyOS / 微信 + 支付宝 + 抖音 + 快手 四端小程序 原生风格原型 + 大胆美学方向 + 反 AI Slop 硬红线 + 8 流派 design tokens（含 motion）系统化（CSS vars / Tailwi...

OpenClaw
View on ClawHubHomepage

Rank

62

Safety

84

Downloads

1.6k

Updated

Oct 10, 2026

Version

4.7.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 1.6K downloads reported by the source. Last updated 10/10/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 10, 2026
Protocol compatibility
OpenClawcompatibility · observed Oct 10, 2026
Adoption signal
1.6K downloadsadoption · observed Oct 10, 2026
Latest release
4.7.0release · observed May 29, 2026
Handshake status
UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-openclaw-frontend-design
  1. Install using `clawhub skill install s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-openclaw-frontend-design` in an isolated environment before connecting it to live workloads.
  2. No published capability contract is available yet, so validate auth and request/response behavior manually.
  3. Review the upstream CLAWHUB listing at https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design before using production credentials.

Contract: missing

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

Documentation

CLAWHUB

160,000 characters of source documentation, loaded on request.

Extracted files

5 files captured from the source.

SKILL.md

---
name: huo15-openclaw-frontend-design
displayName: 火一五前端设计技能
description: 高保真 Web UI / 移动 H5 / iOS / Android / HarmonyOS / 微信 + 支付宝 + 抖音 + 快手 四端小程序 原生风格原型 + 大胆美学方向 + 反 AI Slop 硬红线 + 8 流派 design tokens（含 motion）系统化（CSS vars / Tailwind / Figma 三导出） + 多流派并行对比 + WCAG 2.2 AA 无障碍自动审计 + 动效 tokens + 2026 微趋势补丁（Editorial Tech / Spatial Web / AI-Backlash / Brutalist 2026）。用于构建网站、落地页、仪表盘、APP 移动端、小程序（四端）、React/Vue 组件、HTML 海报、产品详情页、信息图、设计系统、无障碍合规页面、动效系统。配套 6 大美学流派 + 4 条 2026 微趋势 + 小程序子集、15 条硬红线、Junior/Full 两趟渲染、design tokens（color / typography / spacing / radius / shadow / motion）；自验证 Claude in Chrome MCP 优先 + 多路线 fallback + axe-core / Lighthouse a11y 审计；多流派对比与 design-director v3.x 联动。触发词：做网站、做落地页、做 UI、做 APP、做 H5、做小程序、做设计系统、design tokens、做动效、motion tokens、wxml、axml、ttml、ksml、做组件、HTML 原型、页面设计、移动端设计、前端设计、做海报、做详情页、iOS 风格、安卓风格、鸿蒙风格、微信小程序、支付宝小程序、抖音小程序、快手小程序、几个方向对比、风格提案、无障碍、a11y、WCAG、Lighthouse 审计、动画时长、easing、缓动函数、Editorial Tech、Spatial Web、AI-Backlash、Brutalist 2026、2026 微趋势。
version: 4.7.0
aliases:
  - 火一五前端设计技能
  - 火一五Web设计技能
  - 火一五APP设计技能
  - 火一五移动端设计技能
  - 火一五H5设计技能
  - 火一五小程序设计技能
  - 火一五抖音小程序技能
  - 火一五快手小程序技能
  - 火一五无障碍审计技能
  - 火一五动效技能
  - 火一五设计系统技能
  - 火一五落地页技能
  - 火一五UI设计技能
  - 火一五海报设计技能
  - 火一五前端设计
  - 前端设计
  - UI 设计
  - 页面设计
  - HTML 原型
  - 落地页设计
  - 海报设计
  - Web 设计
  - APP 设计
  - 移动端设计
  - H5 设计
  - 小程序设计
  - 微信小程序
  - 支付宝小程序
  - 抖音小程序
  - 快手小程序
  - 无障碍
  - a11y
  - WCAG
  - 动效
  - motion tokens
  - 动画 tokens
  - design tokens
  - 设计 tokens
  - 设计系统
---

# 火一五前端设计技能 v4.7

> 高保真 Web UI + 移动端 / APP / H5 + 微信 / 支付宝 / 抖音 / 快手 四端小程序 + design tokens（含 motion）系统化 + 多流派并行对比 + WCAG 2.2 AA 无障碍审计 + 动效 tokens + Tailwind v4 `@theme` 适配 + **2026 微趋势补丁** 原型生成 — 青岛火一五信息科技有限公司
> 设计理念对标 Anthropic `frontend-design` skill 与 2026 社区共识，本土化改写、不拷贝官方内容
> v2.0 起：5 流派 starter HTML（`examples/`）+ 配色 / 字体 / 灵感三件套（`references/`）+ 反 AI Slop 红线扩到 11 条
> v2.1 起：第 6 流派 `MOBILE-NATIVE`（iOS HIG / Material Design 3 / HarmonyOS 三套 starter）+ 移动端红线 2 条（共 13 条）+ 触发词覆盖 APP / H5 / 移动端
> v2.2 起：微信小程序 + 支付宝小程序 starter（归 MOBILE-NATIVE 子集）+ 小程序红线 2 条（共 15 条）+ 字体豁免说明 + 触发词覆盖 wxml / axml
> v3.0 起：自验证工作流升级 — Claude in Chrome MCP 优先，Playwright CLI / 微信开发者工具 / 支付宝 IDE 三路线 fallback；新增 [`references/self-verify.md`](references/self-verify.md) 操作手册
> v4.0 起：design tokens 系统化 — 8 个流派统一 [`tokens/<slug>.json`](tokens/) 扁平 schema（color / colorHex / typography / spacing / radius / shadow），三导出器 jq 一行转 CSS variables / Tailwind config / Figma Tokens Studio
> v4.1 起：多流派并行对比 — 新增 [`tokens/_compare-matrix.md`](tokens/_compare-matrix.md) 8 流派横向对比矩阵 + [`references/multi-genre-compare.md`](references/multi-genre-compare.md) 与 `huo15-openclaw-design-director` 联动手册
> v4.2 起：小程序三端齐 — 抖音 starter；红线 #14 UI 库列表扩展
> v4.3 起：小程序四端齐 — 快手 starter；触发词扩到快手小程序 / ksml
> v4.4 起：a11y 自动审计 — WCAG 2.2 AA 30 条速查 + axe-core MCP 注入 + Lighthouse CLI fallback
> v4.5 起：动效 tokens — 8 流派 motion 字段差异化动效原则
> v4.6 起：Tailwind v4 `@theme {}` 块导出 + oklch 原生支持
> **v4.7 起**：2026 微趋势补丁 — 新增 §三补 4 条 2026 当代微趋势（Editorial Tech 编辑科技 / Spatial / Depth Web 半 3D

examples/mini-program/README.md

# 小程序 Starter — 火一五前端设计技能 v4.3

> 微信 + 支付宝 + 抖音 + 快手 **四端** starter。**浏览器无法直接渲染** wxml / axml / ttml / ksml，必须用各家 IDE。

## 微信小程序

1. 下载并安装 [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)（Stable v1.06+）
2. 打开工具 → **项目 → 导入项目** → 目录选 `wechat/`
3. AppID 选"测试号"或填自有；项目名留空走默认
4. 点**编译**：左侧模拟器看渲染；点**真机调试**扫码看真机
5. 页面走 `pages/index/index`，全局配置 `app.json`

## 支付宝小程序

1. 下载并安装 [支付宝小程序 IDE](https://opendocs.alipay.com/mini/ide/download)
2. 打开 IDE → **文件 → 打开项目** → 目录选 `alipay/`
3. 点**预览**，扫码用支付宝 App 看真机
4. 配置文件名是 `mini.project.json`（不是 `project.config.json`），别搞混

## 抖音小程序

1. 下载并安装 [抖音开发者工具](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/developer-instrument/installation/developer-instrument-update-and-download)
2. 打开工具 → **项目 → 导入项目** → 目录选 `douyin/`
3. AppID 用"测试号"或填自有
4. 点**编译预览**，扫码用抖音 App 看真机
5. 模板后缀是 `.ttml` / `.ttss`（与微信 `.wxml` / `.wxss` 95% 同源，仅前缀差异）

## 快手小程序 ⭐v4.3

1. 下载并安装 [快手小程序开发者工具](https://mp.kuaishou.com/docs/develop/developerTools/downloadPath.html)
2. 打开工具 → **项目 → 导入项目** → 目录选 `kuaishou/`
3. AppID 用"测试号"或填自有
4. 点**编译预览**，扫码用快手 App 看真机
5. 模板后缀是 `.ksml` / 样式 `.css`（标准 CSS 后缀，区别于其他端）

## 四端同步迭代姿势 ⭐v4.3 升级

**推荐顺序**：微信 → 抖音 → 快手（最相近）→ 支付宝（差异最大）

### 步骤 1：先在 `wechat/` 改完

`wxml` + `wxss` + 配置全部跑通。开发体验在微信端最顺。

### 步骤 2：复制到 `douyin/` 改前缀（机械替换，3 分钟）

| 微信 | 抖音 |
|---|---|
| `wx:for` / `wx:key` / `wx:if` | `tt:for` / `tt:key` / `tt:if` |
| `wxml` 文件名 | `ttml` |
| `wxss` 文件名 | `ttss` |
| `bindtap` / `bindinput` | **保留**（兼容微信 bind 风格） |

### 步骤 3：复制到 `kuaishou/` 改前缀（机械替换，3 分钟）

| 微信 | 快手 |
|---|---|
| `wx:for` / `wx:key` / `wx:if` | `ks:for` / `ks:key` / `ks:if` |
| `wxml` 文件名 | `ksml` |
| `wxss` 文件名 | `css`（注意：快手用标准 CSS 后缀） |
| `bindtap` / `bindinput` | **保留** |

### 步骤 4：复制到 `alipay/` 改前缀（机械替换，5 分钟）

| 微信 | 支付宝 |
|---|---|
| `wx:for` / `wx:key` / `wx:if` | `a:for` / `a:key` / `a:if` |
| `bindtap` / `bindinput` / `bindsubmit` | `onTap` / `onInput` / `onSubmit` |
| `wxml` 文件名 | `axml` |
| `wxss` 文件名 | `acss` |
| `<page-meta>` | **不支持**，改 `my.setNavigationBar` API（写在 onLoad） |
| `enhanced="true"` 等微信特有属性 | 删掉 |
| `app.json` tabBar `color`/`text` | `textColor`/`name` |

### 步骤 5：四端 ICON / 图片资源建议放 CDN（本地用 base64 或纯色块占位）

## 反 AI Slop 红线（v4.3 扩展 UI 库列表）

| # | 禁用项 | 替代方案 |
|---|---|---|
| 14 | 直接套 **WeUI / Vant Weapp / TDesign-Mini / Lin-UI / TTUI / Tt-Mini-UI / KSUI / kuaishou-uikit** 默认皮 | 自定义 token，至少改 5 个变量再用 |
| 15 | 缺 `<page-meta>` + `safe-area-inset` + `rpx` 适配 | 见本目录 `wechat/pages/index/index.wxml` |

通用红线 #1 字体豁免：小程序里 `font-family` 优先 PingFang SC / Source Han Sans SC / Noto Sans SC（不能加载 Web Font）。

## 视觉风格

四端 starter 共用 ORGANIC 流派暖色调（米白 + 土橙 + 暖卡片），主题"手作商品列表"。`hero` + `chips` + 商品 `grid` 三段式，避开千篇一律的"banner + features + cta"。

## 引用关系

- 配色逻辑参考 [`references/colors.md`](../../references/colors.md) §5 ORGANIC（用 hex 表达 oklch 等价值，因小程序基础库 < 3.0 不一定支持 oklch）
- 字体策略参考 [`references/typography.md`](../../references/typography.md) §6 + 小程序豁免说明（见 SKILL.md §四 v2.2 新增段）
- 多端同步迭代速查见本文 §四端同步迭代姿势

##

_meta.json

{
  "ownerId": "kn7byevkn40d6z4p7ghdb097z983tj33",
  "slug": "huo15-openclaw-frontend-design",
  "version": "4.7.0",
  "publishedAt": 1780031507832
}

references/a11y-checklist.md

# a11y / WCAG 2.2 AA 速查清单 ⭐v4.4

> 30 条速查 + 场景优先级 + 自动检查路线（axe-core / Lighthouse）。本清单**不是**SKILL.md §四"反 AI Slop 红线"那种判废级硬规则，而是验证阶段的**门控检查表**：每条标 ✓ 或 ⚠（待修） 或 N/A。

## 1. Perceivable · 可感知（8 条）

| # | 检查点 | 自动可测 | 工具 |
|---|---|---|---|
| 1 | 文本对比度 ≥ **4.5:1**（正文）/ **3:1**（大字 18pt+ 或 14pt+ 粗） | ✓ | axe / Lighthouse |
| 2 | 非文本元素（图标 / UI 控件 / 图表）对比度 ≥ **3:1** | ✓ | axe |
| 3 | 所有 `<img>` 有 `alt` 属性（装饰图用 `alt=""`） | ✓ | axe / Lighthouse |
| 4 | 视频有 captions / transcripts（视频内容站） | ✗ | 人审 |
| 5 | **颜色不是唯一信息载体**（错误状态除颜色外要有图标 / 文字） | ✗ | 人审 |
| 6 | 自动播放音频 ≤ 3 秒 或 提供暂停 | ✗ | 人审 |
| 7 | 文本可放大 200% 而不破坏布局（用 rem / em，不全用 px） | ✓ | Lighthouse |
| 8 | GIF / 视频闪烁频率 < 3 次/秒（防光敏性癫痫） | ✗ | 人审 |

## 2. Operable · 可操作（11 条）

| # | 检查点 | 自动可测 | 工具 |
|---|---|---|---|
| 9 | 全部交互**可键盘操作**（Tab / Shift+Tab / Enter / Esc / Space） | ⚠ 部分 | axe + 人审 |
| 10 | **焦点环可见**（`:focus-visible` 保留浏览器默认或自绘清晰样式） | ✓ | axe |
| 11 | 没有键盘陷阱（trap） — Tab 进得去也出得来 | ✗ | 人审（Tab 全键过一遍）|
| 12 | "Skip to main content" 链接（首个 Tab 焦点） | ✓ | axe |
| 13 | 每页有唯一 `<title>` | ✓ | Lighthouse |
| 14 | heading 层级合理（h1 → h2 → h3 不跳级 / 不重复 h1） | ✓ | axe |
| 15 | 链接文字描述清晰 — **禁** "点这里" / "查看更多" 这类无上下文 | ✓ 部分 | axe |
| 16 ⭐2.2 | 触达目标尺寸 ≥ **24×24px**（按钮 / 链接 / 表单控件） | ✓ | axe + 真机 |
| 17 ⭐2.2 | 拖拽操作有**键盘 / 单点替代**（slider 可左右键） | ✗ | 人审 |
| 18 ⭐2.2 | 认证不强制 cognitive test（不让用户记复杂密码 / 解谜） | ✗ | 人审 |
| 19 ⭐2.2 | 重复表单字段不强制再输入（自动填充 + remember 选项） | ✗ | 人审 |

## 3. Understandable · 可理解（7 条）

| # | 检查点 | 自动可测 | 工具 |
|---|---|---|---|
| 20 | `<html lang="...">` 必填（中文 `zh` / `zh-CN`） | ✓ | axe |
| 21 | 所有表单控件**有 `<label>`** 或 `aria-label` | ✓ | axe |
| 22 | 错误提示**清晰具体**（不只是"输入有误"） | ✗ | 人审 |
| 23 | 错误**给出纠正建议**（"邮箱缺少 @"，不只是"格式错"） | ✗ | 人审 |
| 24 | 表单提交前可**确认 / 撤销**（金额 / 删除等关键操作） | ✗ | 人审 |
| 25 | 上下文变化（焦点跳转 / 弹窗 / 页面跳转）**用户可预期** | ✗ | 人审 |
| 26 | 控件文本与功能一致（按钮叫"提交"就真的提交） | ✗ | 人审 |

## 4. Robust · 健壮（4 条）

| # | 检查点 | 自动可测 | 工具 |
|---|---|---|---|
| 27 | HTML **语义化** — 用 `<nav>` / `<main>` / `<article>` / `<aside>` 而不是全 `<div>` | ✓ | axe |
| 28 | ARIA 属性正确（`aria-label` / `role` / `aria-expanded` / `aria-current`） | ✓ | axe |
| 29 | 按钮 / 链接职责正确（提交动作用 `<button>` 不用 `<a href="#">`） | ✓ | axe |
| 30 | 状态变化通过 `aria-live` region 通知屏幕阅读器 | ⚠ 部分 | axe + 人审 |

---

## 场景优先级速查

不同场景检查重点不同。Junior pass 阶段挑场景 P0 必跑；Full Pass 阶段全跑。

| 场景 | P0 必跑（4-5 条） | P1 应跑 |
|---|---|---|
| **B 端 Dashboard** | #9 键盘操作 / #10 焦点环 / #14 heading / #20 lang / #27 语义化 | #1 #2 #21 #28 #30 |
| **内容站 / 文章** | #1 文本对比 / #3 alt / #14 heading / #15 链接清晰 / #20 lang | #21 #27 |
| **营销落地页** | #1 / #15 / #21 表单 label / #16 触达 24px | #3 #5 #20 |
| **移动端 H5（MOBILE-NATIVE）** | #1 / #5 / #16 / #20 / #21 | #2 #7 #9 |
| **小程序（四端）** | #5 / #16（多数 a11y 由平台 webview 兜底） | #20 #21 |

---

## 自动检查路线（与 [`self-verify.md`](self-verify.md) 联动）

### 路线 A · Claude in Chrome MCP + axe-core（首选 ⭐v4.4）

```
# 1. 浏览器渲染（已在 self-verify §1.2 完成）
mcp__Claude_in_Chrome__navigate({ url: "file:///abs/index.html", tabId: <id> })

# 2. 注入 axe-core 并执行
mcp__Claude_in_Chrome__javascript_tool({
  ta

references/colors.md

# 5 流派配色基线（oklch）

> 全部使用 oklch 色空间。**禁紫渐变、禁 AI 模糊渐变背景**（参见 SKILL.md §四 红线 #2 / #11）。
>
> **⭐v4.0 起**：每个流派的配色已落到结构化 [`tokens/<slug>.json`](../tokens/) — 本文档保留可读的人类视角说明，jq 一行可转 CSS variables / Tailwind / Figma。配色硬规则源头仍在本文档。

## 1. BOLD-MINIMAL · 勇敢极简

| 角色 | oklch | 用途 |
|---|---|---|
| ink | `oklch(0.18 0 0)` | 主文字、主结构线 |
| paper | `oklch(0.99 0.005 95)` | 背景，几乎纯白带极淡暖调 |
| accent | `oklch(0.66 0.20 28)` | 锐利橙红，仅用于强调（hover / em） |
| mute | `oklch(0.45 0 0)` | 次要文字 |

**比例**：墨黑 20% / 留白 70% / 强调 10%。

## 2. EDITORIAL · 编辑杂志

| 角色 | oklch | 用途 |
|---|---|---|
| paper | `oklch(0.97 0.012 75)` | 暖纸色 |
| ink | `oklch(0.20 0.015 280)` | 偏冷的墨黑 |
| accent | `oklch(0.50 0.18 25)` | 砖红，首字下沉 / kicker / 引号 |
| mute | `oklch(0.42 0.02 280)` | 副文字 |
| rule | `oklch(0.20 0.015 280 / .25)` | 细分隔线 |

**比例**：纸 75% / 墨 18% / 砖红 5% / 灰线 2%。

## 3. BRUTALIST · 野兽派

| 角色 | oklch | 用途 |
|---|---|---|
| paper | `oklch(0.985 0 0)` | 近纯白（不做暖偏） |
| ink | `oklch(0.10 0 0)` | 真黑，6px 粗边 |
| warn | `oklch(0.78 0.22 105)` | 警示黄，stamp 块 |

**比例**：白 60% / 黑 30% / 警示黄 10%。**只许 3 色**。

## 4. RETRO-FUTURE · 复古未来

| 角色 | oklch | 用途 |
|---|---|---|
| bg | `oklch(0.13 0.04 280)` | 深夜紫蓝（注意：纯色，**不是渐变**） |
| ink | `oklch(0.96 0.04 110)` | 暖白主字 |
| neon-cyan | `oklch(0.85 0.18 195)` | 霓虹青 |
| neon-magenta | `oklch(0.72 0.25 5)` | 霓虹洋红（**不是紫**） |

**红线声明**：本流派使用霓虹双色对撞，**不得退化成紫渐变模糊背景**。所有发光必须由 `text-shadow` 多层叠加产生，禁用 `filter: blur()` 大色块当氛围。

## 5. ORGANIC · 有机自然

| 角色 | oklch | 用途 |
|---|---|---|
| paper | `oklch(0.96 0.025 85)` | 米白偏暖 |
| ink | `oklch(0.28 0.04 50)` | 棕墨 |
| clay | `oklch(0.62 0.13 45)` | 土橙 |
| moss | `oklch(0.45 0.10 145)` | 森林绿 |
| sky | `oklch(0.78 0.07 220)` | 雾蓝 |

**比例**：纸 60% / 棕墨 15% / 三原色（土橙 / 苔绿 / 雾蓝）各 8% 左右。

## 6. MOBILE-NATIVE · 移动原生 ⭐v2.1

> 三套对照不是要你"复制官方默认色"——而是体现各平台的**色彩语义体系**。

### 6.1 iOS HIG 风（推荐自有 brand color，避开系统蓝）

| 角色 | oklch | 用途 |
|---|---|---|
| paper | `oklch(0.985 0.005 75)` | non-grouped 背景（暖中性） |
| grouped-bg | `oklch(0.94 0.005 75)` | grouped table view 背景 |
| ink | `oklch(0.18 0.005 280)` | label 主字 |
| mute | `oklch(0.55 0.01 280)` | secondary label |
| sep | `oklch(0.88 0.005 280)` | separator 0.5pt |
| accent | `oklch(0.66 0.16 50)` | brand 强调（暖橙）— **替代 system blue** |

**红线**：禁直接用 `#007AFF`（红线 #8）。Apple 自家 App（Music / Books / News）也都用品牌色而非系统蓝。

### 6.2 Material Design 3（dynamic color，seed 自选）

| 角色 | oklch | 派生方式 |
|---|---|---|
| seed | `oklch(0.55 0.13 175)` | **自选**色相（示例青绿，**避开 Material 默认紫**） |
| primary | `oklch(0.55 0.13 175)` | = seed |
| primary-container | `oklch(0.88 0.06 175)` | seed L+33 / C-50% |
| secondary-container | `oklch(0.92 0.04 60)` | seed hue+245 / 低饱和 |
| tertiary-container | `oklch(0.90 0.05 320)` | seed hue+145 / 低饱和 |
| surface | `oklch(0.985 0.003 175)` | 近白带极淡 seed 色相 |
| surface-variant | `oklch(0.93 0.01 175)` | 比 surface 暗 5% |
| outline | `oklch(0.72 0.01 175)` | mid-tone |

**规则**：seed 选 oklch C ∈ [0.10, 0.18]，避免高饱和（饱和过 → 派生 container 太脏）。

### 6.3 HarmonyOS 鸿蒙（灵动色块）

| 角色 | oklch | 用途 |
|---|---|---|
|

Related agents

Same protocol, similar job.

Github ReposUpdated 15h 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

OPENCLAW

Machine-readable data

The same record, as JSON, for agents and crawlers.

{
  "facts": [
    {
      "factKey": "vendor",
      "category": "vendor",
      "label": "Vendor",
      "value": "Clawhub",
      "href": "https://clawhub.ai/zhaobod1/skills/huo15-openclaw-frontend-design",
      "sourceUrl": "https://clawhub.ai/zhaobod1/skills/huo15-openclaw-frontend-design",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-10T07:46:28.229Z",
      "isPublic": true
    },
    {
      "factKey": "protocols",
      "category": "compatibility",
      "label": "Protocol compatibility",
      "value": "OpenClaw",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/contract",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/contract",
      "sourceType": "contract",
      "confidence": "medium",
      "observedAt": "2026-10-10T07:46:28.229Z",
      "isPublic": true
    },
    {
      "factKey": "traction",
      "category": "adoption",
      "label": "Adoption signal",
      "value": "1.6K downloads",
      "href": "https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design",
      "sourceUrl": "https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-10-10T07:46:28.229Z",
      "isPublic": true
    },
    {
      "factKey": "latest_release",
      "category": "release",
      "label": "Latest release",
      "value": "4.7.0",
      "href": "https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design",
      "sourceUrl": "https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-05-29T05:11:47.832Z",
      "isPublic": true
    },
    {
      "factKey": "handshake_status",
      "category": "security",
      "label": "Handshake status",
      "value": "UNKNOWN",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/trust",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/trust",
      "sourceType": "trust",
      "confidence": "medium",
      "observedAt": null,
      "isPublic": true
    }
  ],
  "events": [
    {
      "eventType": "release",
      "title": "Release 4.7.0",
      "description": "**2026 微趋势补丁引入，并强化主流与年代感分层** - 新增2026微趋势补丁（Editorial Tech、Spatial Web、AI-Backlash、Brutalist 2026），为设计提供流派之上的年代感锚点，与design-director v3.x趋势池对应。 - 在design tokens（如tokens/<slug>.json）中加入 era_anchor 字段，支持主流派与微趋势混合。 - 触发词、描述和说明文档全面同步2026趋势相关内容。 - [`references/inspirations.md`] 顶部新增标杆网站的真实 URL 锚点，提升案例对照力。 - 文件结构优化：删除 skill-card.md，加入 LICENSE，维持合规与精简。 - 红线规则（反AI Slop硬红线）保持原15条不变。",
      "href": "https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design",
      "sourceUrl": "https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-05-29T05:11:47.832Z",
      "isPublic": true
    }
  ]
}

Record generated Oct 10, 2026.

Sponsored

Ads related to Huo15 Openclaw Frontend Design and adjacent AI workflows.