{"id":"5e7a92ff-2493-43e9-bdfc-f071040eea74","entityType":"agent","slug":"clawhub-zhaobod1-huo15-openclaw-design-director","name":"Huo15 Openclaw Design Director","canonicalUrl":"https://www.xpersona.co/agent/clawhub-zhaobod1-huo15-openclaw-design-director","canonicalPath":"/agent/clawhub-zhaobod1-huo15-openclaw-design-director","generatedAt":"2026-10-10T21:58:14.193Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-10T17:38:29.754Z","emptyReason":null},"description":"当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色... Skill: Huo15 Openclaw Design Director Owner: zhaobod1 Summary: 当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色... Tags: latest:3.0.0 Version history: v3.0.0 | 2026-05-29T05:11:29.843Z | auto **v3.0.0 — 审美档位升级 + 可落地三元组 + 趋势锚点化** - 设计哲学库条目由抽象描述升级为「视觉三元组」（hex 配色、字体组合、当代标杆锚点），方便直接落地执行。 - 引入 Junior / Senior / Maste","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 1.3K downloads reported by the source. Last updated 10/10/2026.","installCommand":"clawhub skill install s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-openclaw-design-director","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-openclaw-design-director","homepage":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-director","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/zhaobod1/huo15-openclaw-design-director","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-director","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":62,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色... "},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-10T17:38:29.754Z","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-10T17:38:29.754Z","emptyReason":null},"stars":null,"forks":null,"downloads":1314,"packageName":null,"latestVersion":"3.0.0","tractionLabel":"1.3K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T17:38:29.754Z","emptyReason":null},"lastUpdatedAt":"2026-10-10T17:38:29.754Z","lastCrawledAt":"2026-10-10T17:38:29.754Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-11T17:38:29.754Z","lastVerifiedAt":null,"highlights":[{"version":"3.0.0","createdAt":"2026-05-29T05:11:29.843Z","changelog":"**v3.0.0 — 审美档位升级 + 可落地三元组 + 趋势锚点化** - 设计哲学库条目由抽象描述升级为「视觉三元组」（hex 配色、字体组合、当代标杆锚点），方便直接落地执行。 - 引入 Junior / Senior / Master 三档审美档位，并在 brief 显式标注，简报方案对标行业顶级作品，用于不同预算与需求情景。 - 增设 2026 年当代视觉趋势锚点池，支持出具符合潮流或反差的设计方向。 - 新增 anti-pattern 警示和 5 组高分混血流派组合建议，有效规避重复与低分方案。 - 产出由抽象提案升级为 3 个可执行的硬核 brief（配色、字体、视觉钩子三件套），满足直接推送到下游设计链路需求。","fileCount":4,"zipByteSize":13714},{"version":"2.0.0","createdAt":"2026-04-27T05:12:02.968Z","changelog":"v2.0.0 跨端 + 与 frontend-design v4.x 全量接力 — 流派从 5 扩到 6（加 MOBILE-NATIVE 含 iOS HIG / Material Design 3 / HarmonyOS / 小程序四端）；设计哲学库从 20 扩到 24 条（新增移动平台派 4 条：HIG / MD3 / HarmonyOS / 微信小程序 Native）；§3.1 方向选取规则引用 frontend-design tokens/_compare-matrix.md 5 组反差对位（含 v2 新增 桌面/移动/跨端 + Web/iOS/鸿蒙）；§3.2 每个方向必给增 frontend-design tokens 路径 + example 路径 + redLineWaiver 提醒；§3.3 五维矩阵加 a11y 友好度引用；§4 阶段 5 移交正式格式化为接力消息 JSON（与 multi-genre-compare.md §6 一致）；触发词扩：APP 选风格 / 移动端选方向 / iOS 还是安卓 / 跨端 / 鸿蒙 / 小程序选风格；让 frontend-design v4.1 准备好的接力入口真正通电","fileCount":3,"zipByteSize":6665},{"version":"1.0.1","createdAt":"2026-04-24T04:15:51.105Z","changelog":"- No changes detected in this version. - Version remains at 1.0.0. - No updates or modifications to features, documentation, or code.","fileCount":2,"zipByteSize":3241},{"version":"1.0.0","createdAt":"2026-04-23T04:48:06.125Z","changelog":"首发 v1.0.0：20 设计哲学库 + 3 方向反差对比 + 五维矩阵 + 强制推荐表态","fileCount":2,"zipByteSize":3241}]},"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-design-director","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-design-director/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/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-10T21:58:14.192Z"}},"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-design-director/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-director/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-10T17:38:29.754Z","emptyReason":null},"readme":"Skill: Huo15 Openclaw Design Director\n\nOwner: zhaobod1\n\nSummary: 当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色...\n\nTags: latest:3.0.0\n\nVersion history:\n\nv3.0.0 | 2026-05-29T05:11:29.843Z | auto\n\n**v3.0.0 — 审美档位升级 + 可落地三元组 + 趋势锚点化**\n\n- 设计哲学库条目由抽象描述升级为「视觉三元组」（hex 配色、字体组合、当代标杆锚点），方便直接落地执行。\n- 引入 Junior / Senior / Master 三档审美档位，并在 brief 显式标注，简报方案对标行业顶级作品，用于不同预算与需求情景。\n- 增设 2026 年当代视觉趋势锚点池，支持出具符合潮流或反差的设计方向。\n- 新增 anti-pattern 警示和 5 组高分混血流派组合建议，有效规避重复与低分方案。\n- 产出由抽象提案升级为 3 个可执行的硬核 brief（配色、字体、视觉钩子三件套），满足直接推送到下游设计链路需求。\n\nv2.0.0 | 2026-04-27T05:12:02.968Z | user\n\nv2.0.0 跨端 + 与 frontend-design v4.x 全量接力 — 流派从 5 扩到 6（加 MOBILE-NATIVE 含 iOS HIG / Material Design 3 / HarmonyOS / 小程序四端）；设计哲学库从 20 扩到 24 条（新增移动平台派 4 条：HIG / MD3 / HarmonyOS / 微信小程序 Native）；§3.1 方向选取规则引用 frontend-design tokens/_compare-matrix.md 5 组反差对位（含 v2 新增 桌面/移动/跨端 + Web/iOS/鸿蒙）；§3.2 每个方向必给增 frontend-design tokens 路径 + example 路径 + redLineWaiver 提醒；§3.3 五维矩阵加 a11y 友好度引用；§4 阶段 5 移交正式格式化为接力消息 JSON（与 multi-genre-compare.md §6 一致）；触发词扩：APP 选风格 / 移动端选方向 / iOS 还是安卓 / 跨端 / 鸿蒙 / 小程序选风格；让 frontend-design v4.1 准备好的接力入口真正通电\n\nv1.0.1 | 2026-04-24T04:15:51.105Z | auto\n\n- No changes detected in this version.  \n- Version remains at 1.0.0.  \n- No updates or modifications to features, documentation, or code.\n\nv1.0.0 | 2026-04-23T04:48:06.125Z | user\n\n首发 v1.0.0：20 设计哲学库 + 3 方向反差对比 + 五维矩阵 + 强制推荐表态\n\nArchive index:\n\nArchive v3.0.0: 4 files, 13714 bytes\n\nFiles: _meta.json (149b), LICENSE (1145b), skill-card.md (1994b), SKILL.md (25680b)\n\nFile v3.0.0:SKILL.md\n\n---\nname: huo15-openclaw-design-director\ndisplayName: 火一五设计方向顾问技能\ndescription: 当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色 + 字体 + 视觉钩子三件套），帮用户快速定流派、定基调、定差异点。配 anti-pattern 警示和 5 组高分混血组合。配合 huo15-openclaw-frontend-design v4.x 使用，直接读取其 tokens / compare-matrix / redLineWaiver / multi-genre-compare 接力入口。触发词：帮我选设计方向、做几个方向对比、三个风格对比、design direction、设计选型、风格提案、APP 选风格、移动端选方向、iOS 还是安卓、跨端方案选型、Master 档设计、风格混血、aesthetic tier。\nversion: 3.0.0\naliases:\n  - 火一五设计方向技能\n  - 火一五设计方向顾问技能\n  - 火一五风格提案技能\n  - 火一五方向选型技能\n  - 火一五跨端方案技能\n  - 火一五设计方向\n  - 设计方向\n  - 方向选型\n  - 风格提案\n  - design direction\n  - 选风格\n  - APP 选风格\n  - 跨端选型\n  - Master 档设计\n  - 风格混血\n  - aesthetic tier\n  - 当代趋势锚点\n---\n\n# 火一五设计方向顾问技能 v3.0\n\n> 多方向设计提案生成 — 青岛火一五信息科技有限公司\n> **v3.0 起**：审美升级。24 条设计哲学库改写为「视觉三元组」（hex 配色 + 字体组合 + 当代标杆锚点）+ 3 档审美档位（Junior / Senior / Master）+ 2026 当代趋势锚点池 + 反差三方向出硬核 brief（可直接执行）+ 6 类 anti-pattern 警示 + 5 组高分混血组合。\n> **v2.0 起**：从 5 流派扩到 6 流派含 mobile-native 子集；与 `huo15-openclaw-frontend-design` v4.x 全量接力（tokens / compare-matrix / multi-genre-compare / redLineWaiver / a11y-checklist）\n\n---\n\n## 一、触发场景\n\n当用户要做一个页面 / 产品 / 品牌 / APP / 小程序，但**没明确美学方向**时：\n\n- \"帮我选个设计方向\"\n- \"做三个风格对比\"\n- \"这个 APP 应该做成什么风格\"\n- \"iOS / 安卓 / 鸿蒙 选哪种平台风\"\n- \"做一个 Master 档的设计方案\" ⭐v3.0\n- \"我想要风格混血\" ⭐v3.0\n- 或在 `huo15-openclaw-frontend-design §三` 被用户选\"让你决定\"时自动触发\n\n**产出**：3 个反差方向的**硬核 brief**（可直接拿去执行，不是抽象描述）+ 五维对比矩阵 + 推荐方向 + Master 档可选升级路径，按接力消息格式移交给 `frontend-design` 做并行 Junior pass。\n\n---\n\n## 二、24 条设计哲学库（v3.0 视觉三元组化）\n\n每条哲学不再是抽象名字，而是「**hex 配色 / 字体组合 / 当代标杆锚点**」可直接落地的三元组。\n\n### 2.1 极简主义派（5 条）\n\n| # | 哲学 | hex 配色（主+辅+强调） | 字体组合 | 当代标杆锚点 |\n|---|------|----------------|---------|-------------|\n| 1 | **原研哉 / 无印良品** | `#FAF7EB` 米白 + `#1A1A1A` 黑 + `#7F0019` 朱红印 | Noto Serif SC display + Hiragino Sans body | muji.net / 原研哉「白」展册 / 真山正纪杂志 |\n| 2 | **Dieter Rams 十诫** | `#F0F0F0` 浅灰 + `#1B1B1B` 近黑 + `#E45D2D` Braun 橙 | Akzidenz-Grotesk / GT America | Braun T1000 收音机 / vitsoe.com / Apple Calculator(2026) |\n| 3 | **Swiss Design / 国际主义** | `#FFFFFF` + `#000000` + `#D4181F` 红 | Helvetica Neue / Neue Haas Grotesk | Müller-Brockmann《Grid Systems》/ Swissted poster 系列 |\n| 4 | **Apple 后乔布斯** | `#FFFFFF` + `#1D1D1F` 黑灰 + `#0071E3` 链接蓝 | SF Pro Display + SF Pro Text | apple.com/iphone/ / Apple WWDC 2024 keynote 单帧 |\n| 5 | **Stripe 极简科技** | `#FFFFFF` + `#0A2540` 海军蓝 + `#635BFF` 亮紫 | Sohne / Sohne Mono | stripe.com 首屏 / stripe.press（电子书 site） |\n\n→ 对应 frontend-design 流派：**bold-minimal**\n\n### 2.2 编辑杂志派（4 条）\n\n| # | 哲学 | hex 配色 | 字体组合 | 当代标杆锚点 |\n|---|------|---------|---------|-------------|\n| 6 | **NYT / 纽约客** | `#FFFFFF` + `#121212` 深黑 + `#D0021B` 报头红 | Cheltenham / NYT Imperial / Karnak | nytimes.com/section/style / The New Yorker 封面 |\n| 7 | **Monocle 杂志** | `#F2EBDC` 米色 + `#1F2A1F` 深绿 + `#A56B33` 棕 | Plantin MT + Helvetica | monocle.com / Monocle Films 字幕 |\n| 8 | **Pentagram 平面** | `#000000` + `#FFFFFF` + `#FF6347` 番茄 | Founders Grotesk / Caslon | pentagram.com / Paula Scher Citibank logo / NYT Magazine 改版 |\n| 9 | **Stripe Press / Linear blog** ⭐v3.0 编辑科技 | `#FAF8F5` 米色 + `#0F0F0F` 黑 + `#FF5733` 橙 | GT Sectra serif + Sohne sans | press.stripe.com / linear.app/blog / Mono Issue 杂志 |\n\n→ 对应 frontend-design 流派：**editorial**\n\n### 2.3 前卫实验派（4 条）\n\n| # | 哲学 | hex 配色 | 字体组合 | 当代标杆锚点 |\n|---|------|---------|---------|-------------|\n| 10 | **Sagmeister 观念先锋** | `#F4D03F` 黄 + `#1A1A1A` + `#FF1744` 警示红 | Knockout / Acumin Pro | sagmeisterwalsh.com / \"Things I Have Learned in My Life So Far\" |\n| 11 | **David Carson 破坏排版** | `#000000` + `#FFFFFF` + `#FF6B35` 焦橙 | Adobe Garamond + 错位的任何字 | Ray Gun 杂志 / \"The End of Print\" |\n| 12 | **Brutalist 2026** ⭐v3.0 升级 | `#FAFAFA` 不再纯白 + `#0A0A0A` + `#FFE600` 警告黄 | JetBrains Mono / Iosevka / Departure Mono | are.na / nothing.tech / Plain English Podcast / Tylko |\n| 13 | **Y2K / Vaporwave 复古未来** | `#FF00FF` 品红 + `#00FFFF` 青 + `#9D4EDD` 紫 | Druk Wide / Bitstream Vera Sans Mono | A.G. Cook / PC Music / Cyberpunk 2077 UI / Nothing Phone OS |\n\n→ 对应 frontend-design 流派：**brutalist** / **retro-future**\n\n### 2.4 东方 / 有机派（4 条）\n\n| # | 哲学 | hex 配色 | 字体组合 | 当代标杆锚点 |\n|---|------|---------|---------|-------------|\n| 14 | **东方禅意（侘寂）** | `#FDFBF5` 宣纸 + 墨分五色 `#1A1A1A` `#404040` `#7A7A7A` `#B0B0B0` `#E0E0E0` + `#A62828` 朱砂 | Noto Serif SC + Hiragino Mincho | 龙安寺枯山水 / 杉本博司「海景」/ 安藤忠雄住吉之家 |\n| 15 | **日本民艺（Mingei）** | `#E8DCC4` 米黄 + `#5C4033` 棕 + `#7A8B5A` 苔绿 | DNP 秀英明朝 + Noto Sans JP | 柳宗悦民艺馆 / 日本民艺馆 web / 中川政七商店 |\n| 16 | **Field.io 动态几何** | `#000000` + `#00FF94` 荧光绿 + `#FF006E` 品 | GT America Mono / Söhne | field.io / 资生堂 The Ginza / OFFF 主视觉 |\n| 17 | **Organic / 有机自然** | `#FFFBF5` 奶白 + `#3D2817` 棕墨 + `#9AAB9C` 莫兰迪绿 | Tiempos / Druk + Söhne | aesop.com / oatly.com / Notion 早期 |\n\n→ 对应 frontend-design 流派：**organic**\n\n### 2.5 信息 / 功能派（3 条）\n\n| # | 哲学 | hex 配色 | 字体组合 | 当代标杆锚点 |\n|---|------|---------|---------|-------------|\n| 18 | **Tufte 数据可视化** | `#FFFFFF` + `#1A1A1A` + 单一 `#D0021B` accent | ETBembo / Gill Sans | edwardtufte.com / The Visual Display of Quantitative Information |\n| 19 | **Bauhaus 功能主义** | `#D32F2F` 红 + `#FFD600` 黄 + `#1565C0` 蓝 + `#FAFAFA` 象牙 | Futura / Bauhaus 93（克制使用）+ Helvetica | Herbert Bayer 海报 / Bauhaus Dessau / IBM Rebus（Paul Rand） |\n| 20 | **Bloomberg 编辑信息密度** ⭐v3.0 | `#000000` + `#FF6900` Bloomberg 橙 + `#1A1A1A` | AvantGarde / Tungsten + Roboto Mono | bloomberg.com/businessweek / Tobias Frere-Jones 字体作品 |\n\n→ 对应 frontend-design 流派：B 端 dashboard 场景常 mix **bold-minimal** + 数据组件\n\n### 2.6 移动平台派（4 条）\n\n| # | 哲学 | hex 配色 | 字体组合 | 当代标杆锚点 |\n|---|------|---------|---------|-------------|\n| 21 | **Apple HIG (iOS 26)** | `#FFFFFF` + `#000000` + `#0A84FF` 系统蓝 | SF Pro Display + SF Pro Text + SF Mono | iOS 26 Settings / Apple Notes / Shortcuts |\n| 22 | **Material Design 3 dynamic** | seed 派生 primary/secondary/tertiary container | Roboto / Roboto Flex variable | Pixel Launcher / Gmail Android 2025 / m3.material.io |\n| 23 | **HarmonyOS 灵动色块** | 4 色同明度（L≈0.78）多色相 + 大圆角胶囊（24-48px） | HarmonyOS Sans + 鸿蒙黑体 | HarmonyOS 4 设置 / 鸿蒙音乐 / 华为新闻 app |\n| 24 | **微信小程序 Native** | 系统暗/亮 + 各 brand 自定 | PingFang SC（系统）+ 不能 @font-face | 滴滴小程序 / 美团点餐 / 微信电商 |\n\n→ 对应 frontend-design 流派：**mobile-native-ios** / **mobile-native-md3** / **mobile-native-harmony** + 小程序四端（微信 / 支付宝 / 抖音 / 快手）\n\n---\n\n## 三、审美档位（Junior / Senior / Master）⭐v3.0 新增\n\n**同一个流派，三档品味差距巨大**。直接在 brief 里声明档位，下游 frontend-design 才知道交付到哪一层。\n\n| 档位 | 特征 | 信号词 | bold-minimal 例子 |\n|------|------|-------|-------------------|\n| **Junior pass** | 占位文案 + 占位图 + 跑通骨架 | Tailwind 默认色板、Inter 字体、shadcn 卡片 | 一个能用的 hero + features + footer |\n| **Senior 落地** | 字体定制、自家配色、自家组件 | OKLCH 主色、display+body 反差、骨架定制 | Stripe 落地页质感 |\n| **Master 级** | 单一签名钩子 / 反工业范式 / 时代感强 | 自定字距 / 微版式 / 反 cliché 选择 | linear.app 的 hero gradient + 版本号 / Vercel Ship 单帧 |\n\n**对标范本**（Master 档每流派 2-3 个，建议读完原网页再做）：\n\n| 流派 | Master 档对标 |\n|------|---------------|\n| bold-minimal | linear.app · vercel.com · stripe.press · raycast.com |\n| editorial | nytimes.com（深度专题）· monocle.com · linear.app/blog · stripe.press |\n| brutalist | are.na · nothing.tech · plainenglishpodcast.com · tylko.com |\n| retro-future | nothing.tech ROM · A.G. Cook 网站 · OFFF Festival 主视觉 |\n| organic | aesop.com · oatly.com · Notion 早期 · cosmos.so |\n| mobile-native-ios | iOS 26 Settings · Apple Notes 真机截图 · Day One iOS · Things 3 |\n| mobile-native-md3 | Pixel Launcher · Gmail Android · Calculator(Android 14+) |\n| mobile-native-harmony | HarmonyOS 4 Settings · 鸿蒙音乐 · 华为新闻 |\n\n**判断流程**（director 在 brief 中显式标注）：\n\n```\n用户预算 / 时间充裕 + 目标是品牌官网 / 投融资路演 / 单页 KV → Master 档\n中等预算 + 目标是产品落地页 / 完整功能页 → Senior 落地\n快速验证 / 内部工具 / 抢时间 → Junior pass\n```\n\n---\n\n## 四、2026 当代趋势锚点池 ⭐v3.0 新增\n\n每年都有新潮流。下面是**截至 2026 年 4 月**真实在火、可作为参考的当代趋势池，**不是过期的（如紫色渐变）也不是过早期的（如 2018 玻璃拟态）**。director 在反差三方向时，可从中选 1 条作为\"反差方向\"。\n\n| 趋势 | 视觉签名 | 真实在火的理由 | 锚点 |\n|------|---------|---------------|------|\n| **Editorial Tech 编辑科技** | 米色或近黑底 + 衬线 display + 等宽 caption + 长篇排版 | 反 SaaS 千篇一律，回归阅读质感 | linear.app/blog · stripe.press · cosmos.so · pirsch.io |\n| **Spatial / Depth Web** | 半 3D / WebGL 浅景深 / OKLab spotlight + 鼠标跟随阴影 | Apple Vision OS 推动 + 浏览器 GPU 进步 | apple.com/vision-pro/ · onform.fm · igloo.inc |\n| **AI-Aesthetic Backlash 反 AI 范式** | 手绘 + 真实摄影 + 不规则形 + 严禁紫粉渐变 / glassmorphism | 2024-2025 紫渐变烂大街后的反弹 | are.na · plain-english.com · oatly.com 改版 |\n| **Brutalist 2026** | 灰白 + 黑 + 警示黄 / 警示红 + 等宽字 + 极少装饰 | nothing.tech / 极简硬件品牌带火 | nothing.tech · tylko.com · plainenglishpodcast.com |\n| **Modern Memphis 新孟菲斯** | 80s 几何 + 但更克制 + 莫兰迪化（不是糖果色） | 韦斯安德森电影回流 + 新生代复古 | wesanderson.com · The Grand Budapest Hotel UI |\n| **Organic Tech 有机科技** | OKLCH 暖灰 + 不规则圆角 + 手作字体 + spring 动效 | 反\"机器感\" SaaS，强调温度 | aesop.com · cosmos.so · obvious.studio |\n| **Editorial Mono 等宽编辑** | 全等宽字 + 单色 + 大留白 + 文档感 | Are.na / Plain English / 独立播客带动 | are.na · plainenglishpodcast.com · craft.do |\n| **大字 + 大照片** ⭐ Apple 时代 | 100pt+ display + 撑满全屏照片 + 极少文案 | Apple 一直在做、社媒小红书也跟上 | apple.com 任意产品页 / Vercel Ship |\n\n**反趋势 / 已死的视觉**（director 应主动避免推荐 + 加入 anti-pattern 警示）：\n- ❌ 紫渐变 + glassmorphism（2023-2024 AI slop 标志）\n- ❌ Material You 默认配色（默认 token 不改）\n- ❌ Skeuomorphism 重型仿物（除非客户明确要\"轻拟物 iOS 26 风\"）\n- ❌ Hero + 3 features + CTA + footer 模板化骨架\n- ❌ 默认 Inter / Roboto + 默认 Tailwind 圆角 16px\n\n---\n\n## 五、3 方向生成法（v3.0 升级出硬核 brief）\n\n### 5.1 方向选取规则\n\n**不要选 3 个相似方向**。从以下五维反差对位中任选一组，或自由组合：\n\n| 命题 | 流派组合 | 主推场景 |\n|---|---|---|\n| 理性 vs 感性 vs 实验 | bold-minimal × organic × brutalist | 早期品牌选型 |\n| 冷峻 vs 温暖 vs 复古 | editorial × organic × retro-future | 内容产品 |\n| 桌面 vs 移动 vs 跨端 | bold-minimal × mobile-native-ios × mobile-native-harmony | APP 选型 |\n| 极简 vs 编辑 vs 装饰 | bold-minimal × editorial × retro-future | 杂志型品牌 |\n| **2026 三新趋势** ⭐v3.0 | Editorial Tech × Spatial × Brutalist 2026 | 想要前卫品味 |\n\n或按\"经典 + 反差 + 时代感\"自由组合：\n- **1 个经典稳妥**（bold-minimal / editorial）\n- **1 个有性格反差**（brutalist / retro-future / 移动平台派任一）\n- **1 个 2026 当代锚点**（从 §四 趋势池选一）\n\n### 5.2 每个方向必给的「**硬核 brief**」（v3.0 8 件套，可直接执行）\n\n```\n### 方向 N：<流派名> · <Junior/Senior/Master 档位>\n\n- **一句话定位**（≤ 25 字）：[ 为谁做 + 什么感觉 + 一个差异钩子 ]\n\n- **配色硬核**（直接给 hex，不要\"温暖色调\"这种废话）：\n  - 主色：#XXXXXX（OKLCH: oklch(L% C H)）\n  - 文字：#XXXXXX 在 #XXXXXX 上，对比度 ≥ 4.5:1\n  - accent：#XXXXXX（点缀 5-10%，警示色 / 品牌色）\n  - 中性：3-5 级灰阶 hex\n\n- **字体硬核**（不要\"现代无衬线\"这种废话）：\n  - display：<具体字体名> + 字号区间 + 字距 % + 行高\n  - body：<具体字体名> + 字号 + 行高\n  - mono（如有）：<具体字体名>\n\n- **签名钩子**（用户会记住的「那一件事」，必须具体到一个动作）：\n  例：「hero 大字 144pt + -3% 字距 + 单一 OKLCH 渐变文字」\n  或：「左下永远显示 BUILD · 2026.4.28 等宽版本戳」\n  或：「scrollytelling 时段落随 scroll 进度淡入」\n\n- **当代标杆锚点**：1-2 个具体 URL / 网站名（从 §二 视觉三元组的\"锚点\"列直接抄）\n\n- **frontend-design 资产路径**：\n  - tokens：`../huo15-openclaw-frontend-design/tokens/<slug>.json`\n  - example：`../huo15-openclaw-frontend-design/examples/<dir>/index.html`\n\n- **redLineWaiver 提醒**：本流派的合规豁免（避免误判违规）\n\n- **anti-pattern 警示**（v3.0 必填）：本方向最容易做差的 1-2 点，从 §六 抄\n```\n\n### 5.3 五维对比矩阵（v3.0 加品味档位维度）\n\n| 维度 | 方向 1 | 方向 2 | 方向 3 |\n|------|--------|--------|--------|\n| 美学震撼 | ★★★☆☆ | ★★★★★ | ★★☆☆☆ |\n| 可用性 | ★★★★★ | ★★★☆☆ | ★★★★☆ |\n| 品牌辨识 | ★★☆☆☆ | ★★★★★ | ★★★☆☆ |\n| 实现成本 | 低 | 高 | 中 |\n| 风险 | 低 | 高（可能不被客户接受） | 中 |\n| **品味档位上限** ⭐v3.0 | Senior | Master | Senior |\n| **a11y 友好度** | 见 [`a11y-checklist.md §流派对照`](../huo15-openclaw-frontend-design/references/a11y-checklist.md) |\n\n### 5.4 推荐表态\n\n**必须**给出一个推荐（不能骑墙）：\n\n```\n### 推荐\n选 **方向 N · <档位>**，理由：[结合用户的目的、受众、约束的三句话推理]\n\n### 次选\n方向 M（<档位>），适用场景：[如果方向 N 不被接受的退路]\n\n### 反对\n不选方向 K，原因：[为什么这条不合适]\n\n### 升级建议（可选）⭐v3.0\n如果预算 / 时间允许，方向 N 可从 Senior 升到 Master：补 [具体 1-2 个签名钩子]\n```\n\n---\n\n## 六、6 类审美 anti-pattern ⭐v3.0 新增\n\n每个方向必标 1-2 条相关 anti-pattern。Director 也用这个清单做\"反趋势 / 已死视觉\"自检。\n\n| # | anti-pattern | 哪个流派最易犯 | 体现 |\n|---|--------------|--------------|------|\n| 1 | **极简变性冷淡** | bold-minimal | 全白 + 灰文字 + 没有 accent，无温度无品牌 → 加一个鲜明 accent / 一个签名钩子 |\n| 2 | **有机变幼稚** | organic | 全圆角 + 莫兰迪粉 + 手绘 emoji 图标 → 砍 emoji + 用真摄影 + 字体加重 |\n| 3 | **复古变土味** | retro-future | 直接堆 80s 霓虹粉 + Comic Sans + 像素字 → 用 Druk Wide 等当代复古字 + 单一霓虹 accent |\n| 4 | **杂志变 Word 文档** | editorial | 衬线 + 左对齐 + 没结构感 → 加纵向栅格、引号装饰、栏宽控制 |\n| 5 | **野兽变脏乱差** | brutalist | 等宽 + 黑底 + 红字一键命中 = 原始网吧风 → Brutalist 2026 用浅灰 + 警示黄克制装饰 |\n| 6 | **AI Slop 全家桶** | 任何流派 | 紫粉渐变 / 玻璃拟态 / 默认 Tailwind / Inter 字体 + Hero+Features+CTA → 直接判废，重选方向 |\n\n---\n\n## 七、5 组高分混血 ⭐v3.0 新增\n\n6 流派 × 6 流派 = 36 组 pair，绝大部分会\"对冲\"互相削弱。下面是 5 组**经测试品味互补、不打架**的混血：\n\n| 混血组合 | 配比 | 用法 | 标杆锚点 |\n|---------|------|------|---------|\n| **editorial × bold-minimal** | 70%E + 30%BM | 阅读型品牌（书店 / 媒体 / 内容产品）| stripe.press · linear.app/blog |\n| **organic × bold-minimal** | 60%O + 40%BM | 健康 / 食品 / 母婴的高品质版（不要可爱化） | aesop.com · oatly.com |\n| **brutalist 2026 × editorial** | 50%/50% | 独立工作室 / 编辑型 SaaS / 思想类播客 | are.na · plainenglishpodcast.com |\n| **retro-future × bold-minimal** | 30%RF + 70%BM | 科技品牌想要\"一点点性格\"（避免全盘霓虹） | nothing.tech · raycast.com |\n| **mobile-native-ios × organic** | 50%/50% | 高品质生活类 APP / 内容向 APP | Day One iOS · Things 3 · Reeder |\n\n**混血必须遵守**：\n- **挑一个为主导**（70%/30% 或 60%/40%），不要 50%/50% 除非两个流派天然互补（如上表第 3、5 组）\n- **配色取主导流派**，副流派只贡献 1-2 个签名元素\n- **字体绝不混用 4 套**，最多 display + body + mono 三种\n\n---\n\n## 八、工作流（v3.0 升级）\n\n### 阶段 1 · 需求分解\n- 复述用户的：**目的 / 受众 / 约束 / 时间预算 / 平台 / 期望档位 ⭐v3.0**\n- 平台维度决定要不要把 mobile-native 子集纳入候选\n- **档位维度**：根据预算 / 时间 / 目标产物自动判定 Junior / Senior / Master，并在最终 brief 显式标注\n- 如果以上任一缺失，先用一轮问答补齐\n\n### 阶段 2 · 方向筛选\n- 从 §二 24 条设计哲学库中挑 3 条（按 §5.1 规则组合）\n- 至少 1 条来自 §四 2026 趋势池（强制保证有当代性）\n- 跑过 §六 anti-pattern 自检 — 每个方向标记 1-2 条相关警示\n- 检查混血必要性（§七）— 单流派够不够 hold 住目标？不够就推荐混血\n\n### 阶段 3 · 硬核 brief 生成 ⭐v3.0 升级\n本 skill **不直接出 HTML**，而是按下面接力消息格式发给 `frontend-design`，由它跑 [`multi-genre-compare.md`](../huo15-openclaw-frontend-design/references/multi-genre-compare.md) 流程并行出 3 份 Junior pass HTML。\n\n但 brief 内容必须按 §5.2 8 件套写**死配色 hex / 死字体名 / 死签名钩子**，不要含糊。\n\n### 阶段 4 · 对比 + 推荐\n3 份 Junior pass 截图回流后（frontend-design 自验证用 Chrome MCP 路线），按 §5.3 + §5.4 出报告，**给出升级到 Master 档的具体建议**。\n\n### 阶段 5 · 接力消息格式 ⭐v3.0 加 tier / anchor / antiPattern 字段\n\n```jsonc\n// director → frontend-design\n{\n  \"task\": \"multi-genre-junior-pass\",\n  \"genres\": [\"bold-minimal\", \"organic\", \"brutalist\"],\n  \"tier\": \"senior\",  // junior | senior | master ⭐v3.0\n  \"context\": {\n    \"client\": \"<品牌名>\",\n    \"scope\": \"<目标页面 / 组件类型>\",\n    \"differentiator\": \"<差异点一句话>\",\n    \"platform\": \"web | mobile | mini-program | cross\"\n  },\n  \"briefs\": {\n    \"bold-minimal\": {\n      \"positioning\": \"...\",\n      \"palette\": { \"primary\": \"#0A2540\", \"text\": \"#1D1D1F\", \"accent\": \"#635BFF\" },\n      \"typography\": { \"display\": \"Sohne 80pt -2%\", \"body\": \"Sohne 16pt 1.5\", \"mono\": \"Sohne Mono\" },\n      \"signatureHook\": \"hero 大字带 OKLCH 单色渐变 + 永久 BUILD 戳\",\n      \"anchor\": \"stripe.com 首屏 / linear.app\",\n      \"antiPattern\": \"性冷淡（要加 accent + signature hook 反制）\",\n      \"redLineWaiver\": []\n    },\n    \"organic\": { /* 同上结构 */ },\n    \"brutalist\": { /* 同上结构 */ }\n  },\n  \"hybridSuggestion\": null  // 或 { \"primary\": \"editorial\", \"secondary\": \"bold-minimal\", \"ratio\": \"70/30\" }\n}\n\n// frontend-design → director（截图回流）\n{\n  \"task\": \"multi-genre-junior-pass-done\",\n  \"outputs\": [\n    { \"genre\": \"bold-minimal\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" },\n    { \"genre\": \"organic\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" },\n    { \"genre\": \"brutalist\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" }\n  ]\n}\n```\n\n格式与 [`frontend-design/references/multi-genre-compare.md §6`](../huo15-openclaw-frontend-design/references/multi-genre-compare.md) 一致。\n\n---\n\n## 九、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 设计方向选型（3 方向对比 + 硬核 brief + 档位） | **本技能** |\n| 选定方向后做 HTML 原型 | `huo15-openclaw-frontend-design` |\n| 评审已有设计 + 审美档位识别 | `huo15-openclaw-design-critique` v2.0 |\n| 抓品牌规范 brand-spec | `huo15-openclaw-brand-protocol` |\n| Web / 移动 / 小程序四端 starter / tokens / a11y / motion | `huo15-openclaw-frontend-design` v4.x |\n| 文生图风格预设 + aesthetic anchor | `huo15-img-prompt` v3.x |\n\n---\n\n## 十、触发词\n\n- 帮我选设计方向 / 选个方向 / 定方向\n- 做三个风格对比 / 做几个方向对比 / 出几个风格\n- 这个产品应该做成什么风格\n- design direction / design proposal\n- 设计选型 / 风格提案\n- APP 选风格 / 移动端选方向 / iOS 还是安卓 / 跨端方案选型 / 鸿蒙还是 iOS\n- 小程序选哪个风格 / 多端做什么风\n- **Master 档设计 / 想做品牌官网级 / 想要顶级设计** ⭐v3.0\n- **风格混血 / 混血组合 / 流派混合** ⭐v3.0\n- **2026 当代风 / 当下流行什么 / aesthetic tier** ⭐v3.0\n\n---\n\n## 十一、版本历史\n\n- **v3.0.0（当前 · 2026-04-28）**：审美升级。**§二 24 条设计哲学库改写为视觉三元组**（hex 配色 / 字体组合 / 当代标杆锚点）— 不再是抽象大师名，每条直接落地到可用配色 hex + 具体字体名 + 真实可访问的标杆作品 / 网站锚点；新增 §三 **3 档审美档位**（Junior pass / Senior 落地 / Master 级）+ 每流派 Master 档对标范本表；新增 §四 **2026 当代趋势锚点池**（Editorial Tech / Spatial Web / AI-Backlash / Brutalist 2026 / Modern Memphis / Organic Tech / Editorial Mono / 大字大照片）+ 反趋势 / 已死视觉清单；§五 反差三方向 §5.2 升级为 **8 件套硬核 brief**（一句话定位 / 死 hex 配色 / 死字体名 / 签名钩子 / 当代锚点 / tokens 路径 / redLineWaiver / anti-pattern），不再写\"留白美学\"这种抽象描述；§5.3 五维矩阵加品味档位上限维度；§5.4 推荐表态加升级到 Master 的具体建议；新增 §六 **6 类审美 anti-pattern**（极简变性冷淡 / 有机变幼稚 / 复古变土味 / 杂志变 Word / 野兽变脏乱 / AI Slop 全家桶）；新增 §七 **5 组高分混血**（editorial×bold-minimal / organic×bold-minimal / brutalist 2026×editorial / retro-future×bold-minimal / mobile-native-ios×organic）+ 混血规则；§八 工作流加档位维度 + 强制至少 1 条 2026 趋势 + anti-pattern 自检；§五 阶段 5 接力消息格式加 `tier` / `anchor` / `antiPattern` / `hybridSuggestion` 字段；触发词扩到 Master 档 / 风格混血 / 2026 当代风。**与 frontend-design v4.x 接力路径不变**，纯审美品味升级。\n- **v2.0.0（2026-04-27）**：跨端 + 接力升级。流派从 5 扩到 6（加 MOBILE-NATIVE 含 iOS HIG / Material Design 3 / HarmonyOS / 小程序四端）；设计哲学库从 20 条扩到 24 条（新增 §2.6 移动平台派 4 条）；§3.1 方向选取规则加\"桌面 / 移动 / 跨端\"+\"Web / iOS / 鸿蒙\"两组反差对位；§3.2 每个方向必给从 5 件扩到 6 件；§3.3 五维矩阵加 a11y 友好度；§4 工作流阶段 5 移交正式格式化为接力消息 JSON；与 frontend-design v4.x 全量接力。\n- **v1.0.0（2026-04-23）**：初始版本。20 条设计哲学库（5 派分类）+ 3 方向生成规则（1 保守 + 1 反差 + 1 中间）+ 五维对比矩阵 + 强制推荐表态（不骑墙）。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v3.0.0:_meta.json\n\n{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-design-director\",\n  \"version\": \"3.0.0\",\n  \"publishedAt\": 1780031489843\n}\n\nFile v3.0.0:skill-card.md\n\n## Description:\n\nChinese-language design-direction advisor that turns ambiguous page, product, brand, app, or mini-program requests into three contrasting executable design briefs with palettes, typography, visual hooks, contemporary reference anchors, anti-pattern warnings, a comparison matrix, and a recommended direction.\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\n\n## Use Case:\n\nExternal users, product teams, and developers use this skill when they need to choose a visual direction before frontend design work. It prepares concise, executable design briefs that can be handed to a related frontend-design workflow.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: Broad aliases such as design direction or 设计方向 may route ordinary design discussions to this skill.\n\nMitigation: Confirm the user is asking for direction selection or visual brief generation before relying on the skill's recommendations.\n\n## Reference(s):\n\n- [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-director)\n- [Publisher profile](https://clawhub.ai/user/zhaobod1)\n- [Skill definition](artifact/SKILL.md)\n- [License](artifact/LICENSE)\n\n## Skill Output:\n\n**Output Type(s):** [text, markdown, configuration, guidance]\n\n**Output Format:** [Markdown briefs and structured handoff JSON]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [Produces three contrasting direction briefs, comparison and recommendation text, and handoff fields for downstream frontend design work.]\n\n## Skill Version(s):\n\n3.0.0 (source: frontmatter and 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\nFile v3.0.0:LICENSE\n\nMIT License\n\nCopyright (c) 2026 青岛火一五信息科技有限公司 (Qingdao Huo15 Information Technology Co., Ltd.)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\nArchive v2.0.0: 3 files, 6665 bytes\n\nFiles: skill-card.md (2730b), SKILL.md (10894b), _meta.json (149b)\n\nFile v2.0.0:SKILL.md\n\n---\nname: huo15-openclaw-design-director\ndisplayName: 火一五设计方向顾问技能\ndescription: 当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（含 mobile-native 平台派）生成 3 个反差方向的 Junior pass 简报对比，帮用户快速定流派、定基调、定差异点。配合 huo15-openclaw-frontend-design v4.x 使用，直接读取其 tokens / compare-matrix / redLineWaiver / multi-genre-compare 接力入口。触发词：帮我选设计方向、做几个方向对比、三个风格对比、design direction、设计选型、风格提案、APP 选风格、移动端选方向、iOS 还是安卓、跨端方案选型。\nversion: 2.0.0\naliases:\n  - 火一五设计方向技能\n  - 火一五设计方向顾问技能\n  - 火一五风格提案技能\n  - 火一五方向选型技能\n  - 火一五跨端方案技能\n  - 火一五设计方向\n  - 设计方向\n  - 方向选型\n  - 风格提案\n  - design direction\n  - 选风格\n  - APP 选风格\n  - 跨端选型\n---\n\n# 火一五设计方向顾问技能 v2.0\n\n> 多方向设计提案生成 — 青岛火一五信息科技有限公司\n> **v2.0 起**：从 5 流派扩到 6 流派含 mobile-native 子集；24 条设计哲学库；与 `huo15-openclaw-frontend-design` v4.x 全量接力（tokens / compare-matrix / multi-genre-compare / redLineWaiver / a11y-checklist）\n\n---\n\n## 一、触发场景\n\n当用户要做一个页面 / 产品 / 品牌 / APP / 小程序，但**没明确美学方向**时：\n\n- \"帮我选个设计方向\"\n- \"做三个风格对比\"\n- \"这个 APP 应该做成什么风格\"\n- \"iOS / 安卓 / 鸿蒙 选哪种平台风\" ⭐v2.0\n- 或在 `huo15-openclaw-frontend-design §三` 被用户选\"让你决定\"时自动触发\n\n**产出**：3 个反差方向的简报（流派 + tokens 路径 + 差异点 + redLineWaiver）+ 五维对比矩阵 + 推荐方向，按接力消息格式移交给 `frontend-design` 做并行 Junior pass。\n\n---\n\n## 二、设计哲学库（24 条可引用）\n\n### 2.1 极简主义派（5 条）\n1. **原研哉（Kenya Hara）** — 白、空、无印良品式的留白美学\n2. **Dieter Rams 十诫** — 少即是多，诚实、长寿、环保\n3. **Swiss Design / 国际主义** — 网格、无衬线、左对齐\n4. **Apple 后乔布斯** — 超大字、超大图、一屏一个重点\n5. **Stripe 极简科技** — 渐变 + sans-serif + 大量白\n\n→ 对应 frontend-design 流派：**bold-minimal**\n\n### 2.2 编辑杂志派（4 条）\n6. **NYT / 纽约客** — 衬线、纵向栅格、引号做装饰\n7. **Monocle 杂志** — 深色衬线 + 米色底 + 分栏\n8. **Pentagram 平面** — 超大字排版 + 强烈对比\n9. **Hoefler & Co 字体中心主义** — 字体本身就是视觉\n\n→ 对应 frontend-design 流派：**editorial**\n\n### 2.3 前卫实验派（4 条）\n10. **Sagmeister 观念先锋** — 手写、大胆、打破规则\n11. **David Carson 破坏性排版** — 故意错位、字符切割\n12. **Brutalist Web Design** — 粗黑、原始、反精致\n13. **Y2K / Vaporwave 复古未来** — 霓虹、CRT、像素\n\n→ 对应 frontend-design 流派：**brutalist** / **retro-future**\n\n### 2.4 东方 / 有机派（4 条）\n14. **东方禅意** — 枯山水、空寂、留白 80%\n15. **日本民艺（Mingei）** — 手工感、温润、不对称\n16. **Field.io 动态几何** — 数字生成艺术\n17. **Organic / 有机自然** — 手绘、暖色、柔边\n\n→ 对应 frontend-design 流派：**organic**\n\n### 2.5 信息 / 功能派（3 条）\n18. **Tufte 数据可视化** — 数据墨水比、无废装饰\n19. **Bauhaus 功能主义** — 形式追随功能、三原色\n20. **Edward Tufte 小图密度** — sparkline、紧凑信息层级\n\n→ 对应 frontend-design 流派：B 端 dashboard 场景常 mix **bold-minimal** + 数据组件\n\n### 2.6 移动平台派 ⭐v2.0（4 条）\n21. **Apple Human Interface Guidelines** — large title、segmented control、grouped list、blur navbar、HIG spring 动效\n22. **Material Design 3 dynamic color** — seed 派生 primary / secondary / tertiary container；FAB；emphasized easing 4 档\n23. **HarmonyOS 灵动色块** — 4 色块同明度多色相（L≈0.78）、大圆角胶囊（24-48px 分级）、fluid easing\n24. **微信小程序 Native** — `<page-meta>` + `safe-area-inset` + 原生 tabBar、PingFang SC 字体豁免、rpx 适配\n\n→ 对应 frontend-design 流派：**mobile-native-ios** / **mobile-native-md3** / **mobile-native-harmony** + 小程序四端（微信 / 支付宝 / 抖音 / 快手）\n\n---\n\n## 三、3 方向生成法\n\n### 3.1 方向选取规则\n\n**不要选 3 个相似方向**。从 frontend-design v4.1 [`tokens/_compare-matrix.md`](../huo15-openclaw-frontend-design/tokens/_compare-matrix.md) §反差对位 5 组任选一组：\n\n| 命题 | 流派组合 |\n|---|---|\n| 理性 vs 感性 vs 实验 | bold-minimal × organic × brutalist |\n| 冷峻 vs 温暖 vs 复古 | editorial × organic × retro-future |\n| 桌面 vs 移动 vs 跨端 ⭐v2.0 | bold-minimal × mobile-native-ios × mobile-native-harmony |\n| 极简 vs 信息密度 vs 装饰 | bold-minimal × editorial × retro-future |\n| Web vs iOS vs 鸿蒙 ⭐v2.0 | bold-minimal × mobile-native-ios × mobile-native-harmony |\n\n或按\"经典 + 反差 + 中间\"自由组合：\n- **1 个保守方向**（BOLD-MINIMAL / EDITORIAL）\n- **1 个反差方向**（BRUTALIST / RETRO-FUTURE / 移动平台派任一）\n- **1 个中间调和**（ORGANIC / mobile-native-md3）\n\n### 3.2 每个方向必给 6 件东西 ⭐v2.0 增加 tokens 路径\n\n```\n### 方向 N：<流派名>\n- **一句话定位**：[ 为谁做 + 什么感觉 ]\n- **核心字体**：display + body 组合（从 tokens.json typography 读）\n- **主色 + 强调色**：含 oklch 值（从 tokens.json color 读）\n- **关键元素**：3 个会被用户记住的视觉元素\n- **frontend-design 资产路径** ⭐v2.0：\n  - tokens：`../huo15-openclaw-frontend-design/tokens/<slug>.json`\n  - example：`../huo15-openclaw-frontend-design/examples/<dir>/index.html`（Junior pass 起手）\n- **redLineWaiver 提醒** ⭐v2.0：本流派的合规豁免（避免 design-critique / 评审环节误判违规）\n```\n\n### 3.3 五维对比矩阵\n\n| 维度 | 方向 1 | 方向 2 | 方向 3 |\n|------|--------|--------|--------|\n| 美学震撼 | ★★★☆☆ | ★★★★★ | ★★☆☆☆ |\n| 可用性 | ★★★★★ | ★★★☆☆ | ★★★★☆ |\n| 品牌辨识 | ★★☆☆☆ | ★★★★★ | ★★★☆☆ |\n| 实现成本 | 低 | 高 | 中 |\n| 风险 | 低 | 高（可能不被客户接受） | 中 |\n| **a11y 友好度** ⭐v2.0 | 见 [`a11y-checklist.md §流派对照`](../huo15-openclaw-frontend-design/references/a11y-checklist.md) |\n\n### 3.4 推荐表态\n\n**必须**给出一个推荐（不能骑墙）：\n\n```\n### 推荐\n选 **方向 N**，理由：[结合用户的目的、受众、约束的三句话推理]\n\n### 次选\n方向 M，适用场景：[如果方向 N 不被接受的退路]\n\n### 反对\n不选方向 K，原因：[为什么这条不合适]\n```\n\n---\n\n## 四、工作流\n\n### 阶段 1 · 需求分解\n- 复述用户的：**目的 / 受众 / 约束 / 时间预算 / 平台**（Web / 移动 / 跨端 / 小程序）⭐v2.0 加平台维度\n- 平台维度决定要不要把 mobile-native 子集纳入候选\n- 如果以上任一缺失，先用一轮问答补齐\n\n### 阶段 2 · 方向筛选\n从 24 条设计哲学库中挑 3 条（按 §3.1 规则组合）\n\n### 阶段 3 · Junior pass 简报生成 ⭐v2.0\n本 skill **不直接出 HTML**，而是按下面接力消息格式发给 `frontend-design`，由它跑 [`multi-genre-compare.md`](../huo15-openclaw-frontend-design/references/multi-genre-compare.md) 流程并行出 3 份 Junior pass HTML。\n\n### 阶段 4 · 对比 + 推荐\n3 份 Junior pass 截图回流后（frontend-design 自验证用 Chrome MCP 路线），按 §3.3 + §3.4 出报告。\n\n### 阶段 5 · 接力消息格式 ⭐v2.0\n\n```jsonc\n// director → frontend-design\n{\n  \"task\": \"multi-genre-junior-pass\",\n  \"genres\": [\"bold-minimal\", \"organic\", \"brutalist\"],\n  \"context\": {\n    \"client\": \"<品牌名>\",\n    \"scope\": \"<目标页面 / 组件类型>\",\n    \"differentiator\": \"<差异点一句话>\",\n    \"platform\": \"web | mobile | mini-program | cross\"\n  },\n  \"briefs\": {\n    \"bold-minimal\": \"<本 director 写的简报：定位 + 字体 + 主色 + 关键元素>\",\n    \"organic\": \"...\",\n    \"brutalist\": \"...\"\n  }\n}\n\n// frontend-design → director（截图回流）\n{\n  \"task\": \"multi-genre-junior-pass-done\",\n  \"outputs\": [\n    { \"genre\": \"bold-minimal\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" },\n    { \"genre\": \"organic\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" },\n    { \"genre\": \"brutalist\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" }\n  ]\n}\n```\n\n格式与 [`frontend-design/references/multi-genre-compare.md §6`](../huo15-openclaw-frontend-design/references/multi-genre-compare.md) 一致。\n\n---\n\n## 五、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 设计方向选型（3 方向对比） | **本技能** |\n| 选定方向后做 HTML 原型 | `huo15-openclaw-frontend-design` |\n| 评审已有设计 5 维打分 | `huo15-openclaw-design-critique` |\n| 抓品牌规范 brand-spec | `huo15-openclaw-brand-protocol` |\n| Web / 移动 / 小程序四端 starter / tokens / a11y / motion | `huo15-openclaw-frontend-design` v4.x |\n\n---\n\n## 六、触发词\n\n- 帮我选设计方向 / 选个方向 / 定方向\n- 做三个风格对比 / 做几个方向对比 / 出几个风格\n- 这个产品应该做成什么风格\n- design direction / design proposal\n- 设计选型 / 风格提案\n- **APP 选风格 / 移动端选方向 / iOS 还是安卓 / 跨端方案选型 / 鸿蒙还是 iOS** ⭐v2.0\n- **小程序选哪个风格 / 多端做什么风** ⭐v2.0\n\n---\n\n## 七、版本历史\n\n- **v2.0.0（当前 · 2026-04-27）**：跨端 + 接力升级。流派从 5 扩到 6（加 MOBILE-NATIVE 含 iOS HIG / Material Design 3 / HarmonyOS / 小程序四端）；设计哲学库从 20 条扩到 24 条（新增 §2.6 移动平台派 4 条：HIG / MD3 / HarmonyOS / 微信小程序 Native）；§3.1 方向选取规则加\"桌面 / 移动 / 跨端\"+\"Web / iOS / 鸿蒙\"两组反差对位；§3.2 每个方向必给从 5 件扩到 6 件（增 frontend-design tokens 路径 + redLineWaiver 提醒）；§3.3 五维矩阵加 a11y 友好度引用 frontend-design a11y-checklist；§4 工作流阶段 5 移交正式格式化为接力消息 JSON；与 frontend-design v4.x 全量接力 — tokens / compare-matrix / redLineWaiver / multi-genre-compare / a11y-checklist 全部指路。\n- **v1.0.0（2026-04-23）**：初始版本。20 条设计哲学库（5 派分类）+ 3 方向生成规则（1 保守 + 1 反差 + 1 中间）+ 五维对比矩阵 + 强制推荐表态（不骑墙）。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v2.0.0:_meta.json\n\n{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-design-director\",\n  \"version\": \"2.0.0\",\n  \"publishedAt\": 1777266722968\n}\n\nFile v2.0.0:skill-card.md\n\n## Description: <br>\nHelps users choose a design direction by generating three contrasting Junior pass briefs from a six-family, 24-philosophy design library, including mobile-native platform styles, and handing selected briefs to a companion frontend-design workflow. <br>\n\nThis skill is ready for commercial/non-commercial use. <br>\n\n## Publisher: <br>\n[zhaobod1](https://clawhub.ai/user/zhaobod1) <br>\n\n### License/Terms of Use: <br>\nMIT-0 <br>\n\n\n## Use Case: <br>\nDesigners, product teams, and developers use this skill when a page, product, brand, app, mini-program, or cross-platform experience needs a clear aesthetic direction. It compares three contrasting design directions, summarizes tradeoffs, and recommends one direction before downstream frontend prototyping. <br>\n\n### Deployment Geography for Use: <br>\nGlobal <br>\n\n## Known Risks and Mitigations: <br>\nRisk: Broad activation phrases may cause the skill to steer an ambiguous design workflow before user intent is clear. <br>\nMitigation: Review ambiguous activations and confirm purpose, audience, constraints, timeline, and platform before relying on its direction recommendation. <br>\nRisk: The skill can hand client context to a companion frontend-design skill for downstream design-generation work. <br>\nMitigation: Verify the companion frontend-design skill separately before sharing sensitive client context with downstream workflows. <br>\n\n\n## Reference(s): <br>\n- [ClawHub Skill Release](https://clawhub.ai/zhaobod1/huo15-openclaw-design-director) <br>\n- [Artifact Skill Definition](artifact/SKILL.md) <br>\n- [Frontend Design Compare Matrix](../huo15-openclaw-frontend-design/tokens/_compare-matrix.md) <br>\n- [Frontend Design Multi-Genre Compare](../huo15-openclaw-frontend-design/references/multi-genre-compare.md) <br>\n- [Frontend Design A11y Checklist](../huo15-openclaw-frontend-design/references/a11y-checklist.md) <br>\n\n\n## Skill Output: <br>\n**Output Type(s):** [Analysis, Guidance, Markdown, JSON, Configuration] <br>\n**Output Format:** [Markdown design briefs, comparison matrices, recommendations, and structured handoff JSON] <br>\n**Output Parameters:** [1D] <br>\n**Other Properties Related to Output:** [Produces three contrasting direction briefs, a five-dimension comparison matrix, a recommended direction, and optional handoff content for a companion frontend-design skill.] <br>\n\n## Skill Version(s): <br>\n2.0.0 (source: frontmatter and release evidence) <br>\n\n## Ethical Considerations: <br>\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. <br>\n\nArchive v1.0.1: 2 files, 3241 bytes\n\nFiles: SKILL.md (5492b), _meta.json (149b)\n\nFile v1.0.1:SKILL.md\n\n---\nname: huo15-openclaw-design-director\ndisplayName: 火一五设计方向顾问技能\ndescription: 当用户没给明确方向时，基于 5 大美学流派 × 20 设计哲学库生成 3 个反差方向的 Junior pass 对比，帮用户快速定流派、定基调、定差异点。配合 huo15-openclaw-frontend-design 使用。触发词：帮我选设计方向、做几个方向对比、三个风格对比、design direction、设计选型、风格提案。\nversion: 1.0.0\naliases:\n  - 火一五设计方向\n  - 设计方向\n  - 方向选型\n  - 风格提案\n  - design direction\n---\n\n# 火一五设计方向顾问技能 v1.0\n\n> 多方向设计提案生成 — 青岛火一五信息科技有限公司\n\n---\n\n## 一、触发场景\n\n当用户要做一个页面/产品/品牌，但**没明确美学方向**时：\n\n- \"帮我选个设计方向\"\n- \"做三个风格对比\"\n- \"这个产品应该做成什么风格\"\n- 或在 `huo15-openclaw-frontend-design §三` 被用户选\"让你决定\"时自动触发\n\n**产出**：3 个反差方向的 Junior pass（缩略图级 HTML 代码段）+ 五维对比矩阵 + 推荐方向。\n\n---\n\n## 二、设计哲学库（20 条可引用）\n\n### 2.1 极简主义派（5 条）\n1. **原研哉（Kenya Hara）** — 白、空、无印良品式的留白美学\n2. **Dieter Rams 十诫** — 少即是多，诚实、长寿、环保\n3. **Swiss Design / 国际主义** — 网格、无衬线、左对齐\n4. **Apple 后乔布斯** — 超大字、超大图、一屏一个重点\n5. **Stripe 极简科技** — 渐变 + sans-serif + 大量白\n\n### 2.2 编辑杂志派（4 条）\n6. **NYT / 纽约客** — 衬线、纵向栅格、引号做装饰\n7. **Monocle 杂志** — 深色衬线 + 米色底 + 分栏\n8. **Pentagram 平面** — 超大字排版 + 强烈对比\n9. **Hoefler & Co 字体中心主义** — 字体本身就是视觉\n\n### 2.3 前卫实验派（4 条）\n10. **Sagmeister 观念先锋** — 手写、大胆、打破规则\n11. **David Carson 破坏性排版** — 故意错位、字符切割\n12. **Brutalist Web Design** — 粗黑、原始、反精致\n13. **Y2K / Vaporwave 复古未来** — 霓虹、CRT、像素\n\n### 2.4 东方/有机派（4 条）\n14. **东方禅意** — 枯山水、空寂、留白 80%\n15. **日本民艺（Mingei）** — 手工感、温润、不对称\n16. **Field.io 动态几何** — 数字生成艺术\n17. **Organic / 有机自然** — 手绘、暖色、柔边\n\n### 2.5 信息/功能派（3 条）\n18. **Tufte 数据可视化** — 数据墨水比、无废装饰\n19. **Material Design（新版）** — 分层、拟物、明确反馈\n20. **Bauhaus 功能主义** — 形式追随功能、三原色\n\n---\n\n## 三、3 方向生成法\n\n### 3.1 方向选取规则\n\n**不要选 3 个相似方向**。必须组合：\n\n- **1 个保守方向**（BOLD-MINIMAL 或 EDITORIAL，不出错的经典）\n- **1 个反差方向**（BRUTALIST / RETRO-FUTURE / 东方禅意，有个性但有风险）\n- **1 个中间调和方向**（ORGANIC / 新 Material，平衡美学和可用性）\n\n### 3.2 每个方向必给 5 件东西\n\n```\n### 方向 N：<流派名>\n- **一句话定位**：[ 为谁做 + 什么感觉 ]\n- **核心字体**：display + body 组合\n- **主色 + 强调色**：含 oklch 值\n- **关键元素**：3 个会被用户记住的视觉元素\n- **Junior pass HTML**（150 字符内的缩略代码段，表明布局）\n```\n\n### 3.3 五维对比矩阵\n\n| 维度 | 方向 1 | 方向 2 | 方向 3 |\n|------|--------|--------|--------|\n| 美学震撼 | ★★★☆☆ | ★★★★★ | ★★☆☆☆ |\n| 可用性 | ★★★★★ | ★★★☆☆ | ★★★★☆ |\n| 品牌辨识 | ★★☆☆☆ | ★★★★★ | ★★★☆☆ |\n| 实现成本 | 低 | 高 | 中 |\n| 风险 | 低 | 高（可能不被客户接受） | 中 |\n\n### 3.4 推荐表态\n\n**必须**给出一个推荐（不能骑墙）：\n\n```\n### 推荐\n选 **方向 N**，理由：[结合用户的目的、受众、约束的三句话推理]\n\n### 次选\n方向 M，适用场景：[如果方向 N 不被接受的退路]\n```\n\n---\n\n## 四、工作流\n\n### 阶段 1 · 需求分解\n- 复述用户的：**目的 / 受众 / 约束 / 时间预算**\n- 如果以上任一缺失，先用一轮问答补齐\n\n### 阶段 2 · 方向筛选\n从 20 条设计哲学库中挑 3 条（按 §3.1 规则组合）\n\n### 阶段 3 · Junior pass 生成\n每个方向出一段 150 字符内的 HTML 缩略代码 + 截图说明\n\n### 阶段 4 · 对比 + 推荐\n按 §3.3 + §3.4 出报告\n\n### 阶段 5 · 移交\n用户选定方向后，把该方向的 brief 交给 `huo15-openclaw-frontend-design` 做 Full pass。\n\n---\n\n## 五、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 设计方向选型（3 方向对比） | **本技能** |\n| 选定方向后做 HTML 原型 | `huo15-openclaw-frontend-design` |\n| 评审已有设计 | `huo15-openclaw-design-critique` |\n| 抓品牌规范 | `huo15-openclaw-brand-protocol` |\n\n---\n\n## 六、触发词\n\n- 帮我选设计方向 / 选个方向 / 定方向\n- 做三个风格对比 / 做几个方向对比 / 出几个风格\n- 这个产品应该做成什么风格\n- design direction / design proposal\n- 设计选型 / 风格提案\n\n---\n\n## 七、版本历史\n\n- **v1.0.0（当前 · 2026-04-23）**：初始版本。20 条设计哲学库（5 派分类）+ 3 方向生成规则（1 保守 + 1 反差 + 1 中间）+ 五维对比矩阵 + 强制推荐表态（不骑墙）。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v1.0.1:_meta.json\n\n{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-design-director\",\n  \"version\": \"1.0.1\",\n  \"publishedAt\": 1777004151105\n}\n\nArchive v1.0.0: 2 files, 3241 bytes\n\nFiles: SKILL.md (5492b), _meta.json (149b)\n\nFile v1.0.0:SKILL.md\n\n---\nname: huo15-openclaw-design-director\ndisplayName: 火一五设计方向顾问技能\ndescription: 当用户没给明确方向时，基于 5 大美学流派 × 20 设计哲学库生成 3 个反差方向的 Junior pass 对比，帮用户快速定流派、定基调、定差异点。配合 huo15-openclaw-frontend-design 使用。触发词：帮我选设计方向、做几个方向对比、三个风格对比、design direction、设计选型、风格提案。\nversion: 1.0.0\naliases:\n  - 火一五设计方向\n  - 设计方向\n  - 方向选型\n  - 风格提案\n  - design direction\n---\n\n# 火一五设计方向顾问技能 v1.0\n\n> 多方向设计提案生成 — 青岛火一五信息科技有限公司\n\n---\n\n## 一、触发场景\n\n当用户要做一个页面/产品/品牌，但**没明确美学方向**时：\n\n- \"帮我选个设计方向\"\n- \"做三个风格对比\"\n- \"这个产品应该做成什么风格\"\n- 或在 `huo15-openclaw-frontend-design §三` 被用户选\"让你决定\"时自动触发\n\n**产出**：3 个反差方向的 Junior pass（缩略图级 HTML 代码段）+ 五维对比矩阵 + 推荐方向。\n\n---\n\n## 二、设计哲学库（20 条可引用）\n\n### 2.1 极简主义派（5 条）\n1. **原研哉（Kenya Hara）** — 白、空、无印良品式的留白美学\n2. **Dieter Rams 十诫** — 少即是多，诚实、长寿、环保\n3. **Swiss Design / 国际主义** — 网格、无衬线、左对齐\n4. **Apple 后乔布斯** — 超大字、超大图、一屏一个重点\n5. **Stripe 极简科技** — 渐变 + sans-serif + 大量白\n\n### 2.2 编辑杂志派（4 条）\n6. **NYT / 纽约客** — 衬线、纵向栅格、引号做装饰\n7. **Monocle 杂志** — 深色衬线 + 米色底 + 分栏\n8. **Pentagram 平面** — 超大字排版 + 强烈对比\n9. **Hoefler & Co 字体中心主义** — 字体本身就是视觉\n\n### 2.3 前卫实验派（4 条）\n10. **Sagmeister 观念先锋** — 手写、大胆、打破规则\n11. **David Carson 破坏性排版** — 故意错位、字符切割\n12. **Brutalist Web Design** — 粗黑、原始、反精致\n13. **Y2K / Vaporwave 复古未来** — 霓虹、CRT、像素\n\n### 2.4 东方/有机派（4 条）\n14. **东方禅意** — 枯山水、空寂、留白 80%\n15. **日本民艺（Mingei）** — 手工感、温润、不对称\n16. **Field.io 动态几何** — 数字生成艺术\n17. **Organic / 有机自然** — 手绘、暖色、柔边\n\n### 2.5 信息/功能派（3 条）\n18. **Tufte 数据可视化** — 数据墨水比、无废装饰\n19. **Material Design（新版）** — 分层、拟物、明确反馈\n20. **Bauhaus 功能主义** — 形式追随功能、三原色\n\n---\n\n## 三、3 方向生成法\n\n### 3.1 方向选取规则\n\n**不要选 3 个相似方向**。必须组合：\n\n- **1 个保守方向**（BOLD-MINIMAL 或 EDITORIAL，不出错的经典）\n- **1 个反差方向**（BRUTALIST / RETRO-FUTURE / 东方禅意，有个性但有风险）\n- **1 个中间调和方向**（ORGANIC / 新 Material，平衡美学和可用性）\n\n### 3.2 每个方向必给 5 件东西\n\n```\n### 方向 N：<流派名>\n- **一句话定位**：[ 为谁做 + 什么感觉 ]\n- **核心字体**：display + body 组合\n- **主色 + 强调色**：含 oklch 值\n- **关键元素**：3 个会被用户记住的视觉元素\n- **Junior pass HTML**（150 字符内的缩略代码段，表明布局）\n```\n\n### 3.3 五维对比矩阵\n\n| 维度 | 方向 1 | 方向 2 | 方向 3 |\n|------|--------|--------|--------|\n| 美学震撼 | ★★★☆☆ | ★★★★★ | ★★☆☆☆ |\n| 可用性 | ★★★★★ | ★★★☆☆ | ★★★★☆ |\n| 品牌辨识 | ★★☆☆☆ | ★★★★★ | ★★★☆☆ |\n| 实现成本 | 低 | 高 | 中 |\n| 风险 | 低 | 高（可能不被客户接受） | 中 |\n\n### 3.4 推荐表态\n\n**必须**给出一个推荐（不能骑墙）：\n\n```\n### 推荐\n选 **方向 N**，理由：[结合用户的目的、受众、约束的三句话推理]\n\n### 次选\n方向 M，适用场景：[如果方向 N 不被接受的退路]\n```\n\n---\n\n## 四、工作流\n\n### 阶段 1 · 需求分解\n- 复述用户的：**目的 / 受众 / 约束 / 时间预算**\n- 如果以上任一缺失，先用一轮问答补齐\n\n### 阶段 2 · 方向筛选\n从 20 条设计哲学库中挑 3 条（按 §3.1 规则组合）\n\n### 阶段 3 · Junior pass 生成\n每个方向出一段 150 字符内的 HTML 缩略代码 + 截图说明\n\n### 阶段 4 · 对比 + 推荐\n按 §3.3 + §3.4 出报告\n\n### 阶段 5 · 移交\n用户选定方向后，把该方向的 brief 交给 `huo15-openclaw-frontend-design` 做 Full pass。\n\n---\n\n## 五、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 设计方向选型（3 方向对比） | **本技能** |\n| 选定方向后做 HTML 原型 | `huo15-openclaw-frontend-design` |\n| 评审已有设计 | `huo15-openclaw-design-critique` |\n| 抓品牌规范 | `huo15-openclaw-brand-protocol` |\n\n---\n\n## 六、触发词\n\n- 帮我选设计方向 / 选个方向 / 定方向\n- 做三个风格对比 / 做几个方向对比 / 出几个风格\n- 这个产品应该做成什么风格\n- design direction / design proposal\n- 设计选型 / 风格提案\n\n---\n\n## 七、版本历史\n\n- **v1.0.0（当前 · 2026-04-23）**：初始版本。20 条设计哲学库（5 派分类）+ 3 方向生成规则（1 保守 + 1 反差 + 1 中间）+ 五维对比矩阵 + 强制推荐表态（不骑墙）。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v1.0.0:_meta.json\n\n{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-design-director\",\n  \"version\": \"1.0.0\",\n  \"publishedAt\": 1776919686125\n}","readmeExcerpt":"Skill: Huo15 Openclaw Design Director Owner: zhaobod1 Summary: 当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色... Tags: latest:3.0.0 Version history: v3.0.0 | 2026-05-29T05:11:29.843Z | auto **v3.0.0 — 审美档位升级 + 可落地三元组 + 趋势锚点化** - 设计哲学库条目由抽象描述升级为「视觉三元组」（hex 配色、字体组合、当代标杆锚点），方便直接落地执行。 - 引入 Junior / Senior / Maste","codeSnippets":[],"executableExamples":[{"language":"text","snippet":"用户预算 / 时间充裕 + 目标是品牌官网 / 投融资路演 / 单页 KV → Master 档\n中等预算 + 目标是产品落地页 / 完整功能页 → Senior 落地\n快速验证 / 内部工具 / 抢时间 → Junior pass"},{"language":"text","snippet":"### 方向 N：<流派名> · <Junior/Senior/Master 档位>\n\n- **一句话定位**（≤ 25 字）：[ 为谁做 + 什么感觉 + 一个差异钩子 ]\n\n- **配色硬核**（直接给 hex，不要\"温暖色调\"这种废话）：\n  - 主色：#XXXXXX（OKLCH: oklch(L% C H)）\n  - 文字：#XXXXXX 在 #XXXXXX 上，对比度 ≥ 4.5:1\n  - accent：#XXXXXX（点缀 5-10%，警示色 / 品牌色）\n  - 中性：3-5 级灰阶 hex\n\n- **字体硬核**（不要\"现代无衬线\"这种废话）：\n  - display：<具体字体名> + 字号区间 + 字距 % + 行高\n  - body：<具体字体名> + 字号 + 行高\n  - mono（如有）：<具体字体名>\n\n- **签名钩子**（用户会记住的「那一件事」，必须具体到一个动作）：\n  例：「hero 大字 144pt + -3% 字距 + 单一 OKLCH 渐变文字」\n  或：「左下永远显示 BUILD · 2026.4.28 等宽版本戳」\n  或：「scrollytelling 时段落随 scroll 进度淡入」\n\n- **当代标杆锚点**：1-2 个具体 URL / 网站名（从 §二 视觉三元组的\"锚点\"列直接抄）\n\n- **frontend-design 资产路径**：\n  - tokens：`../huo15-openclaw-frontend-design/tokens/<slug>.json`\n  - example：`../huo15-openclaw-frontend-design/examples/<dir>/index.html`\n\n- **redLineWaiver 提醒**：本流派的合规豁免（避免误判违规）\n\n- **anti-pattern 警示**（v3.0 必填）：本方向最容易做差的 1-2 点，从 §六 抄"},{"language":"text","snippet":"### 推荐\n选 **方向 N · <档位>**，理由：[结合用户的目的、受众、约束的三句话推理]\n\n### 次选\n方向 M（<档位>），适用场景：[如果方向 N 不被接受的退路]\n\n### 反对\n不选方向 K，原因：[为什么这条不合适]\n\n### 升级建议（可选）⭐v3.0\n如果预算 / 时间允许，方向 N 可从 Senior 升到 Master：补 [具体 1-2 个签名钩子]"},{"language":"jsonc","snippet":"// director → frontend-design\n{\n  \"task\": \"multi-genre-junior-pass\",\n  \"genres\": [\"bold-minimal\", \"organic\", \"brutalist\"],\n  \"tier\": \"senior\",  // junior | senior | master ⭐v3.0\n  \"context\": {\n    \"client\": \"<品牌名>\",\n    \"scope\": \"<目标页面 / 组件类型>\",\n    \"differentiator\": \"<差异点一句话>\",\n    \"platform\": \"web | mobile | mini-program | cross\"\n  },\n  \"briefs\": {\n    \"bold-minimal\": {\n      \"positioning\": \"...\",\n      \"palette\": { \"primary\": \"#0A2540\", \"text\": \"#1D1D1F\", \"accent\": \"#635BFF\" },\n      \"typography\": { \"display\": \"Sohne 80pt -2%\", \"body\": \"Sohne 16pt 1.5\", \"mono\": \"Sohne Mono\" },\n      \"signatureHook\": \"hero 大字带 OKLCH 单色渐变 + 永久 BUILD 戳\",\n      \"anchor\": \"stripe.com 首屏 / linear.app\",\n      \"antiPattern\": \"性冷淡（要加 accent + signature hook 反制）\",\n      \"redLineWaiver\": []\n    },\n    \"organic\": { /* 同上结构 */ },\n    \"brutalist\": { /* 同上结构 */ }\n  },\n  \"hybridSuggestion\": null  // 或 { \"primary\": \"editorial\", \"secondary\": \"bold-minimal\", \"ratio\": \"70/30\" }\n}\n\n// frontend-design → director（截图回流）\n{\n  \"task\": \"multi-genre-junior-pass-done\",\n  \"outputs\": [\n    { \"genre\": \"bold-minimal\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" },\n    { \"genre\": \"organic\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" },\n    { \"genre\": \"brutalist\", \"html\": \"<rel-path>\", \"screenshot\": \"<rel-path>\" }\n  ]\n}"},{"language":"text","snippet":"### 方向 N：<流派名>\n- **一句话定位**：[ 为谁做 + 什么感觉 ]\n- **核心字体**：display + body 组合（从 tokens.json typography 读）\n- **主色 + 强调色**：含 oklch 值（从 tokens.json color 读）\n- **关键元素**：3 个会被用户记住的视觉元素\n- **frontend-design 资产路径** ⭐v2.0：\n  - tokens：`../huo15-openclaw-frontend-design/tokens/<slug>.json`\n  - example：`../huo15-openclaw-frontend-design/examples/<dir>/index.html`（Junior pass 起手）\n- **redLineWaiver 提醒** ⭐v2.0：本流派的合规豁免（避免 design-critique / 评审环节误判违规）"},{"language":"text","snippet":"### 推荐\n选 **方向 N**，理由：[结合用户的目的、受众、约束的三句话推理]\n\n### 次选\n方向 M，适用场景：[如果方向 N 不被接受的退路]\n\n### 反对\n不选方向 K，原因：[为什么这条不合适]"}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\nname: huo15-openclaw-design-director\ndisplayName: 火一五设计方向顾问技能\ndescription: 当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色 + 字体 + 视觉钩子三件套），帮用户快速定流派、定基调、定差异点。配 anti-pattern 警示和 5 组高分混血组合。配合 huo15-openclaw-frontend-design v4.x 使用，直接读取其 tokens / compare-matrix / redLineWaiver / multi-genre-compare 接力入口。触发词：帮我选设计方向、做几个方向对比、三个风格对比、design direction、设计选型、风格提案、APP 选风格、移动端选方向、iOS 还是安卓、跨端方案选型、Master 档设计、风格混血、aesthetic tier。\nversion: 3.0.0\naliases:\n  - 火一五设计方向技能\n  - 火一五设计方向顾问技能\n  - 火一五风格提案技能\n  - 火一五方向选型技能\n  - 火一五跨端方案技能\n  - 火一五设计方向\n  - 设计方向\n  - 方向选型\n  - 风格提案\n  - design direction\n  - 选风格\n  - APP 选风格\n  - 跨端选型\n  - Master 档设计\n  - 风格混血\n  - aesthetic tier\n  - 当代趋势锚点\n---\n\n# 火一五设计方向顾问技能 v3.0\n\n> 多方向设计提案生成 — 青岛火一五信息科技有限公司\n> **v3.0 起**：审美升级。24 条设计哲学库改写为「视觉三元组」（hex 配色 + 字体组合 + 当代标杆锚点）+ 3 档审美档位（Junior / Senior / Master）+ 2026 当代趋势锚点池 + 反差三方向出硬核 brief（可直接执行）+ 6 类 anti-pattern 警示 + 5 组高分混血组合。\n> **v2.0 起**：从 5 流派扩到 6 流派含 mobile-native 子集；与 `huo15-openclaw-frontend-design` v4.x 全量接力（tokens / compare-matrix / multi-genre-compare / redLineWaiver / a11y-checklist）\n\n---\n\n## 一、触发场景\n\n当用户要做一个页面 / 产品 / 品牌 / APP / 小程序，但**没明确美学方向**时：\n\n- \"帮我选个设计方向\"\n- \"做三个风格对比\"\n- \"这个 APP 应该做成什么风格\"\n- \"iOS / 安卓 / 鸿蒙 选哪种平台风\"\n- \"做一个 Master 档的设计方案\" ⭐v3.0\n- \"我想要风格混血\" ⭐v3.0\n- 或在 `huo15-openclaw-frontend-design §三` 被用户选\"让你决定\"时自动触发\n\n**产出**：3 个反差方向的**硬核 brief**（可直接拿去执行，不是抽象描述）+ 五维对比矩阵 + 推荐方向 + Master 档可选升级路径，按接力消息格式移交给 `frontend-design` 做并行 Junior pass。\n\n---\n\n## 二、24 条设计哲学库（v3.0 视觉三元组化）\n\n每条哲学不再是抽象名字，而是「**hex 配色 / 字体组合 / 当代标杆锚点**」可直接落地的三元组。\n\n### 2.1 极简主义派（5 条）\n\n| # | 哲学 | hex 配色（主+辅+强调） | 字体组合 | 当代标杆锚点 |\n|---|------|----------------|---------|-------------|\n| 1 | **原研哉 / 无印良品** | `#FAF7EB` 米白 + `#1A1A1A` 黑 + `#7F0019` 朱红印 | Noto Serif SC display + Hiragino Sans body | muji.net / 原研哉「白」展册 / 真山正纪杂志 |\n| 2 | **Dieter Rams 十诫** | `#F0F0F0` 浅灰 + `#1B1B1B` 近黑 + `#E45D2D` Braun 橙 | Akzidenz-Grotesk / GT America | Braun T1000 收音机 / vitsoe.com / Apple Calculator(2026) |\n| 3 | **Swiss Design / 国际主义** | `#FFFFFF` + `#000000` + `#D4181F` 红 | Helvetica Neue / Neue Haas Grotesk | Müller-Brockmann《Grid Systems》/ Swissted poster 系列 |\n| 4 | **Apple 后乔布斯** | `#FFFFFF` + `#1D1D1F` 黑灰 + `#0071E3` 链接蓝 | SF Pro Display + SF Pro Text | apple.com/iphone/ / Apple WWDC 2024 keynote 单帧 |\n| 5 | **Stripe 极简科技** | `#FFFFFF` + `#0A2540` 海军蓝 + `#635BFF` 亮紫 | Sohne / Sohne Mono | stripe.com 首屏 / stripe.press（电子书 site） |\n\n→ 对应 frontend-design 流派：**bold-minimal**\n\n### 2.2 编辑杂志派（4 条）\n\n| # | 哲学 | hex 配色 | 字体组合 | 当代标杆锚点 |\n|---|------|---------|---------|-------------|\n| 6 | **NYT / 纽约客** | `#FFFFFF` + `#121212` 深黑 + `#D0021B` 报头红 | Cheltenham / NYT Imperial / Karnak | nytimes.com/section/style / The New Yorker 封面 |\n| 7 | **Monocle 杂志** | `#F2EBDC` 米色 + `#1F2A1F` 深绿 + `#A56B33` 棕 | Plantin MT + Helvetica | monocle.com / Monocle Films 字幕 |\n| 8 | **Pentagram 平面** | `#000000` + `#FFFFFF` + `#FF6347` 番茄 | Founders Grotesk / Caslon | pentagram.com"},{"path":"_meta.json","content":"{\n  \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n  \"slug\": \"huo15-openclaw-design-director\",\n  \"version\": \"3.0.0\",\n  \"publishedAt\": 1780031489843\n}"},{"path":"skill-card.md","content":"## Description:\n\nChinese-language design-direction advisor that turns ambiguous page, product, brand, app, or mini-program requests into three contrasting executable design briefs with palettes, typography, visual hooks, contemporary reference anchors, anti-pattern warnings, a comparison matrix, and a recommended direction.\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\n\n## Use Case:\n\nExternal users, product teams, and developers use this skill when they need to choose a visual direction before frontend design work. It prepares concise, executable design briefs that can be handed to a related frontend-design workflow.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: Broad aliases such as design direction or 设计方向 may route ordinary design discussions to this skill.\n\nMitigation: Confirm the user is asking for direction selection or visual brief generation before relying on the skill's recommendations.\n\n## Reference(s):\n\n- [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-director)\n- [Publisher profile](https://clawhub.ai/user/zhaobod1)\n- [Skill definition](artifact/SKILL.md)\n- [License](artifact/LICENSE)\n\n## Skill Output:\n\n**Output Type(s):** [text, markdown, configuration, guidance]\n\n**Output Format:** [Markdown briefs and structured handoff JSON]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [Produces three contrasting direction briefs, comparison and recommendation text, and handoff fields for downstream frontend design work.]\n\n## Skill Version(s):\n\n3.0.0 (source: frontmatter and 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."},{"path":"LICENSE","content":"MIT License\n\nCopyright (c) 2026 青岛火一五信息科技有限公司 (Qingdao Huo15 Information Technology Co., Ltd.)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE."}],"languages":[],"docsSourceLabel":"CLAWHUB","editorialOverview":"当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色... Skill: Huo15 Openclaw Design Director Owner: zhaobod1 Summary: 当用户没给明确方向时，基于 6 大美学流派 × 24 设计哲学库（每条带视觉三元组：hex 配色 + 字体组合 + 当代标杆作品锚点）× 3 档审美档位（Junior / Senior / Master）× 2026 当代趋势锚点池，生成 3 个反差方向的硬核 brief 对比（不是抽象描述，是可直接执行的配色... Tags: latest:3.0.0 Version history: v3.0.0 | 2026-05-29T05:11:29.843Z | auto **v3.0.0 — 审美档位升级 + 可落地三元组 + 趋势锚点化** - 设计哲学库条目由抽象描述升级为「视觉三元组」（hex 配色、字体组合、当代标杆锚点），方便直接落地执行。 - 引入 Junior / Senior / Maste","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":1051,"uniquenessScore":57,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-10-10T17:38:29.754Z","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-10T17:38:29.754Z","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-10T21:58:14.193Z","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"}]}}}