{"id":"1c900c09-eb01-4829-808c-38b69c035656","entityType":"agent","slug":"clawhub-zhaobod1-huo15-openclaw-design-critique","name":"Huo15 Openclaw Design Critique","canonicalUrl":"https://www.xpersona.co/agent/clawhub-zhaobod1-huo15-openclaw-design-critique","canonicalPath":"/agent/clawhub-zhaobod1-huo15-openclaw-design-critique","generatedAt":"2026-10-10T22:51:09.716Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-10T20:23:23.270Z","emptyReason":null},"description":"6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick... Skill: Huo15 Openclaw Design Critique Owner: zhaobod1 Summary: 6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick... Tags: latest:2.0.0 Version history: v2.0.0 | 2026-05-29T05:11:28.031Z | auto Version 2.0.0 - 增加第六维度“时代感”，评分体系从5维扩展为6维，总分提升至30分 - 全新4档审美档位识别（AI-Slop/Junior/Senior/Master），评审前需先自动判档 - 新增9项过时视觉年代信号和7项","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-critique","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-openclaw-design-critique","homepage":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-critique","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/zhaobod1/huo15-openclaw-design-critique","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-critique","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":62,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick... "},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-10T20:23:23.270Z","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-10T20:23:23.270Z","emptyReason":null},"stars":null,"forks":null,"downloads":1267,"packageName":null,"latestVersion":"2.0.0","tractionLabel":"1.3K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T20:23:23.270Z","emptyReason":null},"lastUpdatedAt":"2026-10-10T20:23:23.270Z","lastCrawledAt":"2026-10-10T20:23:23.270Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-11T20:23:23.270Z","lastVerifiedAt":null,"highlights":[{"version":"2.0.0","createdAt":"2026-05-29T05:11:28.031Z","changelog":"Version 2.0.0 - 增加第六维度“时代感”，评分体系从5维扩展为6维，总分提升至30分 - 全新4档审美档位识别（AI-Slop/Junior/Senior/Master），评审前需先自动判档 - 新增9项过时视觉年代信号和7项当代加分信号，自动检测决定加/扣分 - 报告结构升级，前置“档位识别”“年代信号扫描”，并新增“对标差距分析”段落 - 引入8大流派Master级对标库，评审时需选真实标杆做维度逐项对比 - 工作流更精细，强调“先判档，后细评，对标分析”原则，反模式警示同步更新","fileCount":4,"zipByteSize":8725},{"version":"1.0.1","createdAt":"2026-04-24T04:15:50.311Z","changelog":"- No changes detected in this version. - Version number and content remain the same as the previous release.","fileCount":3,"zipByteSize":4235},{"version":"1.0.0","createdAt":"2026-04-23T04:48:13.300Z","changelog":"首发 v1.0.0：5 维评审 + Keep/Fix/Quick Wins 三分类 + 木桶短板总分 + ASCII 雷达图","fileCount":2,"zipByteSize":3071}]},"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-critique","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-critique/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/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-10T22:51:09.715Z"}},"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-critique/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-design-critique/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-10T20:23:23.270Z","emptyReason":null},"readme":"Skill: Huo15 Openclaw Design Critique\n\nOwner: zhaobod1\n\nSummary: 6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick...\n\nTags: latest:2.0.0\n\nVersion history:\n\nv2.0.0 | 2026-05-29T05:11:28.031Z | auto\n\nVersion 2.0.0\n\n- 增加第六维度“时代感”，评分体系从5维扩展为6维，总分提升至30分\n- 全新4档审美档位识别（AI-Slop/Junior/Senior/Master），评审前需先自动判档\n- 新增9项过时视觉年代信号和7项当代加分信号，自动检测决定加/扣分\n- 报告结构升级，前置“档位识别”“年代信号扫描”，并新增“对标差距分析”段落\n- 引入8大流派Master级对标库，评审时需选真实标杆做维度逐项对比\n- 工作流更精细，强调“先判档，后细评，对标分析”原则，反模式警示同步更新\n\nv1.0.1 | 2026-04-24T04:15:50.311Z | auto\n\n- No changes detected in this version.\n- Version number and content remain the same as the previous release.\n\nv1.0.0 | 2026-04-23T04:48:13.300Z | user\n\n首发 v1.0.0：5 维评审 + Keep/Fix/Quick Wins 三分类 + 木桶短板总分 + ASCII 雷达图\n\nArchive index:\n\nArchive v2.0.0: 4 files, 8725 bytes\n\nFiles: LICENSE (1145b), skill-card.md (1986b), SKILL.md (13778b), _meta.json (149b)\n\nFile v2.0.0:SKILL.md\n\n---\nname: huo15-openclaw-design-critique\ndisplayName: 火一五设计评审技能\ndescription: 6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick Wins 三分类 + 雷达图。用于对现成网页、HTML、截图、Figma 链接做专业打分与改进建议。触发词：设计评审、UI 审查、给这个页面打分、review 这个设计、这个界面怎么样、优化建议、审美档位、年代识别、Master 对标。\nversion: 2.0.0\naliases:\n - 火一五设计评审技能\n - 火一五UI审查技能\n - 火一五UX评审技能\n - 火一五设计打分技能\n - 火一五设计评审\n - 设计评审\n - UI 审查\n - UX 评审\n - 设计打分\n - design review\n - design critique\n - 审美档位\n - 年代识别\n - Master 对标\n---\n\n# 火一五设计评审技能 v2.0\n\n> 结构化 6 维设计评审 + 4 档审美档位 + 年代识别 + Master 级对标库 — 青岛火一五信息科技有限公司\n> **v2.0 起**：从 5 维扩到 6 维（加时代感）+ 4 档审美档位识别（AI-Slop / Junior / Senior / Master）+ 9 类过时视觉年代信号 + 8 流派 Master 级对标库 + 评审报告新增\"对标差距\"段\n\n---\n\n## 一、触发场景\n\n当用户对一个已存在的界面/页面/截图，要求**专业评价或改进建议**：\n\n- \"给这个页面打分\"\n- \"review 一下这个 UI\"\n- \"这个设计哪里有问题\"\n- \"这个落地页怎么优化\"\n- **\"这是几档？\"** ⭐v2.0\n- **\"对标 Linear / Stripe 差多远？\"** ⭐v2.0\n- 附带一张截图或一个 URL 要求评估\n\n**产出**：先**判档位**（4 档）→ 跑**年代识别**（9 类信号）→ 6 维打分（雷达图文本化）+ Keep/Fix/Quick Wins 三分类 + **对标差距分析** + 升级路径建议。\n\n---\n\n## 二、四档审美档位（v2.0 新增 — 必须先识别）\n\n| 档位 | 信号 | 可救度 |\n|------|------|--------|\n| **AI-Slop** | 紫粉渐变 / Inter 默认字体 / Tailwind 默认色 / 玻璃拟态 / Hero+Features+CTA 千篇一律骨架 | 不可救药，建议**重做** |\n| **Junior pass** | 占位文案 + 占位图 + 跑通骨架 + shadcn 默认组件 | 可救，目标是先到 Senior |\n| **Senior 落地** | 字体定制 / 自家配色 / 自家组件 / OKLCH 色板 / 反差字体 | 已经合格，可考虑升 Master |\n| **Master 级** | 单一签名钩子 / 反工业范式 / 时代感强 / 字距精调 / 微版式 | 顶尖，提改进只动小细节 |\n\n**判档流程**（30 秒筛）：\n1. 先扫**年代信号**（§三）— 命中任一过时信号 → 直接 AI-Slop 档\n2. 再看**字体 / 配色 / 装饰是否定制** — 都默认 → Junior pass\n3. 再看**有没有签名钩子**（\"用户记得住的那一件事\"）— 没有 → Senior（上限）\n4. 钩子 + 时代感 + 反范式 + 字距精调齐 → Master\n\n**判档结果直接写在报告顶端**，决定全篇评审基调（AI-Slop 档不需要细评，重做就行）。\n\n---\n\n## 三、9 类过时视觉年代信号（v2.0 新增）\n\n命中任一**美学维度直接 ≤ 2**，不要客气。\n\n| # | 年代信号 | 出现年代 | 当前判定 |\n|---|---------|---------|---------|\n| 1 | **紫粉渐变 + 玻璃磨砂** | 2023-2024 AI slop 高峰 | ❌ 已死 |\n| 2 | **默认 Inter + 16px Tailwind 圆角** | 2022-2023 shadcn 范式 | ❌ 千篇一律 |\n| 3 | **Hero / Features / CTA / Footer 模板化骨架** | 2020 - 至今 | ⚠️ 需要打破 |\n| 4 | **Material You 默认 dynamic color 不改** | 2021- | ⚠️ 没品牌识别 |\n| 5 | **重型拟物 / Skeuomorphism**（除非\"轻拟物 iOS 26 风\"） | 2008-2013 iOS 风 | ❌ 过时（iOS 26 是新拟物，不是这个） |\n| 6 | **Comic Sans / 默认 emoji 当图标** | 永远过时 | ❌ |\n| 7 | **左侧彩色竖条 + 圆角卡片千篇一律** | 2020 Tailwind 范式 | ❌ 烂大街 |\n| 8 | **CSS 画的伪 3D 产品图** | 2015 Material 时代延续 | ❌ |\n| 9 | **大色块 blur 渐变背景**（粉紫蓝青） | 2023 AI 生成范式 | ❌ AI slop 标志 |\n\n**反过来：v2.0 当代信号**（命中 = 加分项，记到 Keep 里）：\n- ✅ OKLCH 色空间 / OKLab spotlight\n- ✅ 等宽字 caption / 永久版本戳 / BUILD 标记\n- ✅ 衬线 display + sans body 反差大\n- ✅ 不规则版式（破网格但有意图）\n- ✅ Editorial Tech 编辑科技感（米色底 + 衬线 + 长篇）\n- ✅ Brutalist 2026 克制版（灰白 + 警示黄 + 等宽）\n- ✅ 自定签名钩子（不是模板化的 hero）\n\n---\n\n## 四、6 维评分体系（每项 1-5 分）⭐v2.0 加时代感\n\n| 维度 | 关注点 | 1 分 | 5 分 |\n|------|--------|------|------|\n| **美学 Aesthetic** | 字体 / 颜色 / 动效 / 空间 / 氛围 | AI slop | 意图明确的流派 |\n| **可用性 Usability** | 信息层级、可点击性、反馈、a11y | 用户需要猜 | 一眼理解下一步 |\n| **品牌一致 Brand** | 与品牌调性 / 产品定位一致度 | 和任何其他站能混用 | 一眼辨识品牌 |\n| **内容 Content** | 文案质量、信息密度、有无废话 | 占位文案 / 废话堆砌 | 每个字都在做事 |\n| **实现 Implementation** | 性能、响应式、代码质量、可维护 | 打开慢 / 布局崩 | 丝滑 / 鲁棒 |\n| **时代感 Era** ⭐v2.0 | 是 2026 当代设计还是过时复刻 | 命中 §三 任一过时信号 | 命中 §三 当代信号 ≥ 2 个 |\n\n**总分规则**：\n- 6×5 = 30 分制\n- **短板决定印象**：任何一项 ≤ 2 分，总分不得超过 18（木桶短板）\n- **AI-Slop 档自动 ≤ 12**（§二 判档为 AI-Slop 时所有维度上限 2）\n- **Master 档可超 25**\n\n---\n\n## 五、8 流派 Master 级对标库（v2.0 新增）\n\n每个流派给 2-3 个真实可访问的 Master 标杆，评审时**必须挑 1 个对标**，落到\"对标差距\"段。\n\n| 流派 | Master 对标 | 关键学习点 |\n|------|------------|----------|\n| **bold-minimal** | linear.app / vercel.com / stripe.press / raycast.com | OKLCH 渐变文字 / 永久 BUILD 戳 / 衬线 display + Söhne body |\n| **editorial** | nytimes.com（深度专题）/ monocle.com / linear.app/blog / stripe.press | 衬线 display 78pt+ / 引号装饰 / 纵向栅格 / 长篇排版 |\n| **brutalist 2026** | are.na / nothing.tech / plainenglishpodcast.com / tylko.com | 灰白底 + 警示黄 / 等宽字 / 极少装饰 / 永久 metadata |\n| **retro-future** | nothing.tech ROM / A.G. Cook 网站 / Cyberpunk 2077 UI | Druk Wide / OKLCH 单一霓虹 accent / 不要堆砌 |\n| **organic** | aesop.com / oatly.com / Notion 早期 / cosmos.so | 暖灰 / 衬线 + 手绘元素 / 真摄影不要 emoji |\n| **mobile-native-ios** | iOS 26 Settings / Apple Notes 真机 / Day One / Things 3 | 系统蓝 + safe-area / large title / blur navbar / segmented control |\n| **mobile-native-md3** | Pixel Launcher / Gmail Android 2025 / m3.material.io | seed 派生主色 / FAB / emphasized easing 4 档 |\n| **mobile-native-harmony** | HarmonyOS 4 Settings / 鸿蒙音乐 / 华为新闻 | 灵动色块 L≈0.78 / 大圆角胶囊 / fluid easing |\n\n**对标差距分析模板**（评审报告必含，§六 输出结构）：\n\n```\n### 对标差距\n对标 [linear.app]（bold-minimal Master 标杆）\n- 字体：linear 用 Söhne 自定字距 -1.5%；本设计用默认 Inter → -1 美学\n- accent：linear 用 OKLCH 渐变文字做 hero；本设计用纯色 → -0.5 品牌识别\n- metadata：linear 永久显示 BUILD · 日期；本设计无版本戳 → -0.5 时代感\n- 升级路径：换 Söhne / 加 OKLCH 渐变 hero / 加 BUILD 戳 → 可达 Senior 上限\n```\n\n---\n\n## 六、输出结构（v2.0 升级 — 每次评审必按此格式）\n\n```\n### 档位识别 ⭐v2.0\n**[AI-Slop / Junior pass / Senior 落地 / Master 级]**\n理由：[1-2 句话，引用 §二 判档信号]\n\n### 年代信号扫描 ⭐v2.0\n- 过时信号命中：[§三 #X / 无]\n- 当代信号命中：[§三 当代信号 / 无]\n\n### 总评\n[一句话总结：这个设计是什么流派？档位？最大亮点？最大问题？]\n\n### 6 维打分 ⭐v2.0\n| 维度 | 分数 | 备注 |\n|------|------|------|\n| 美学 | X/5 | ... |\n| 可用性 | X/5 | ... |\n| 品牌一致 | X/5 | ... |\n| 内容 | X/5 | ... |\n| 实现 | X/5 | ... |\n| 时代感 | X/5 | ... |\n**总分：XX/30**\n\n### 对标差距 ⭐v2.0\n对标 [Master 标杆 URL]\n- 维度 1：差距具体描述\n- 维度 2：差距具体描述\n- 升级路径：[换 X / 加 Y / 改 Z → 可达 Senior 上限 / Master 级]\n\n### 雷达图（ASCII）\n 美学 5\n ●\n 时代感●─┼─● 可用性\n ●│●\n 品牌 ● ─┼─● 内容\n ●\n 实现\n(用 ● 的位置表示分数，1-5 对应距离中心)\n\n### Keep（保持）\n- ...（这几点做得好，不要动）\n- 命中 §三 当代信号的项放这里加分\n\n### Fix（必改）\n- P0 ...（上线前必须修，命中 §三 过时信号的优先 P0）\n- P1 ...（下个迭代）\n\n### Quick Wins（1 小时内能做）\n- ...（性价比最高的小改动）\n\n### 升级路径 ⭐v2.0\n[改完 Fix P0 + Quick Wins → 预计从 X/30 到 Y/30，从 Junior 升 Senior（或 Senior 升 Master）]\n[如果想到 Master，需要 [具体 1-2 个签名钩子 / 反工业范式动作]]\n```\n\n---\n\n## 七、评审工作流\n\n### 阶段 1 · 获取素材\n- 如果给的是 URL → 要求用户提供截图（调用 `huo15-openclaw-frontend-design §六·阶段 4` 的 Chrome MCP / Playwright 截图路线）\n- 如果给的是 HTML 代码 → 自己读 + 要求用户在本地浏览器打开后截图\n- 如果只给了描述 → 拒绝评审，要求至少提供一张截图\n\n### 阶段 2 · 30 秒判档（v2.0 新增）\n- 跑 §二 判档流程\n- 跑 §三 9 类年代信号扫描\n- 命中过时信号 → 美学直接锁 ≤ 2，AI-Slop 档不细评直接建议重做\n\n### 阶段 3 · 硬红线体检\n对照 `huo15-openclaw-frontend-design §四` 的 15 条硬红线逐一过一遍。命中直接列入 Fix · P0。\n\n### 阶段 4 · 6 维打分\n依次给 6 个维度打分，每个维度**至少一条具体理由**（不能只给分数）。\n\n### 阶段 5 · 对标差距分析（v2.0 新增）\n- 从 §五 流派对标库挑 1 个 Master 标杆\n- 维度对维度比对，给具体差距清单\n- 给升级路径\n\n### 阶段 6 · 三分类建议\n- **Keep**：避免改掉的闪光点（保护用户已有投入 + 命中当代信号的项）\n- **Fix**：必改项，按 P0/P1 排序（命中过时信号 = P0）\n- **Quick Wins**：投入 ≤ 1 小时、收益明显的\n\n### 阶段 7 · 出报告\n按 §六 的格式出一份完整报告。\n\n---\n\n## 八、常见评审反模式（Claude 自己要避免）\n\n1. ❌ 只夸不改 —— 这不是评审是吹捧\n2. ❌ 全盘否定 —— 用户的投入也有价值，要找 Keep\n3. ❌ 空话大话 —— \"这里可以更现代化\"，没用。要说\"字体改成 Söhne，字号从 48px 改到 72px，字距 -2%\"\n4. ❌ 建议互相矛盾 —— 先想清楚整体方向再逐条提\n5. ❌ 忽略实现成本 —— 要分 P0/P1/Quick Win\n6. ❌ **不判档位上来就细评** ⭐v2.0 — AI-Slop 档不应该细评，直接建议重做\n7. ❌ **不对标只评相对值** ⭐v2.0 — 没有 Master 标杆做尺子，分数都是相对的，user 不知道差距在哪\n\n---\n\n## 九、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 评审 Web UI / HTML / 截图 + 档位识别 + 对标差距 | **本技能 v2.0** |\n| 评审 PPT 演示稿 | `huo15-openclaw-ppt` 的 review 模式（如有） |\n| 评审 Word 文档结构 | `huo15-openclaw-office-doc` |\n| 生成设计后自检 | `huo15-openclaw-frontend-design §六·阶段 5` 调用本技能 |\n| 设计方向选型（含档位） | `huo15-openclaw-design-director` v3.0 |\n| 反 AI Slop 红线 | `huo15-openclaw-frontend-design §四` 15 条硬红线 |\n\n---\n\n## 十、触发词\n\n- 设计评审 / UI 审查 / UX 评审\n- 给这个页面打分 / 给这个设计打分\n- review 这个设计 / review UI\n- 这个界面怎么样 / 这个页面有什么问题\n- 优化建议 / 改进建议（针对已有页面）\n- **审美档位 / 这是几档 / 是 Master 还是 Junior** ⭐v2.0\n- **对标 Linear / 对标 Stripe / 对标差距** ⭐v2.0\n- **年代识别 / 是不是过时 / 是 AI Slop 吗** ⭐v2.0\n\n---\n\n## 十一、版本历史\n\n- **v2.0.0（当前 · 2026-04-28）**：审美升级。新增 §二 **4 档审美档位识别**（AI-Slop / Junior pass / Senior 落地 / Master 级）+ 30 秒判档流程；新增 §三 **9 类过时视觉年代信号**（紫粉渐变 / 默认 Inter / 模板化骨架 / Material You 默认 / 重型拟物 / Comic Sans / 左侧彩色竖条 / CSS 伪 3D / blur 渐变）+ 7 类当代加分信号；§四 评分体系**从 5 维扩到 6 维**（加时代感 Era），总分从 25 改到 30；新增 §五 **8 流派 Master 级对标库**（每流派 2-3 个真实可访问标杆 + 关键学习点）；§六 输出结构升级 — 报告顶端新增\"档位识别 + 年代信号扫描\"段，新增\"对标差距\"段（必含 Master 标杆 URL + 维度差距清单 + 升级路径）；§七 工作流加阶段 2（30 秒判档）+ 阶段 5（对标差距分析）；§八 反模式加 #6（不判档上来就细评）+ #7（不对标只评相对值）；触发词扩到审美档位 / 对标 / 年代识别。**5 维评分骨架不变**，纯审美评审品味升级 — 评审师从\"打分员\"升级到\"对标分析师 + 档位识别师\"。\n- **v1.0.0（2026-04-23）**：初始版本。5 维评分体系 + Keep/Fix/Quick Wins 三分类 + ASCII 雷达图 + 硬红线体检快速筛 + 5 类反模式警示。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v2.0.0:_meta.json\n\n{\n \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n \"slug\": \"huo15-openclaw-design-critique\",\n \"version\": \"2.0.0\",\n \"publishedAt\": 1780031488031\n}\n\nFile v2.0.0:skill-card.md\n\n## Description:\n\nProvides a structured UI and design critique workflow for existing pages, HTML, screenshots, and Figma links, including tier classification, era-signal scanning, six-dimension scoring, benchmark comparison, and prioritized improvement guidance.\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\nDesigners, developers, and product teams use this skill to review existing web or app interfaces and receive concise scoring, benchmark gaps, and actionable Keep/Fix/Quick Wins recommendations.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: Broad trigger phrases may activate the skill during general UI feedback requests.\n\nMitigation: Use it when a strict design-review posture is wanted, and confirm scope when the user is asking for lightweight feedback.\n\nRisk: Screenshots, URLs, or Figma links may contain sensitive product or customer information.\n\nMitigation: Provide only visual materials and links that are approved for design review.\n\n## Reference(s):\n\n- [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-critique)\n- [Publisher profile](https://clawhub.ai/user/zhaobod1)\n\n## Skill Output:\n\n**Output Type(s):** [Analysis, Markdown, Guidance]\n\n**Output Format:** [Markdown design review with scores, benchmark comparison, ASCII radar chart, and prioritized recommendations]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [May request screenshots when URL or textual descriptions do not provide enough visual evidence.]\n\n## Skill Version(s):\n\n2.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 v2.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 v1.0.1: 3 files, 4235 bytes\n\nFiles: skill-card.md (2192b), SKILL.md (5171b), _meta.json (149b)\n\nFile v1.0.1:SKILL.md\n\n---\nname: huo15-openclaw-design-critique\ndisplayName: 火一五设计评审技能\ndescription: 5 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现）+ Keep/Fix/Quick Wins 三分类 + 雷达图结构化输出。用于对现成网页、HTML、截图、Figma 链接做专业打分与改进建议。触发词：设计评审、UI 审查、给这个页面打分、review 这个设计、这个界面怎么样、优化建议。\nversion: 1.0.0\naliases:\n - 火一五设计评审\n - 设计评审\n - UI 审查\n - UX 评审\n - 设计打分\n - design review\n - design critique\n---\n\n# 火一五设计评审技能 v1.0\n\n> 结构化 5 维设计评审 — 青岛火一五信息科技有限公司\n\n---\n\n## 一、触发场景\n\n当用户对一个已存在的界面/页面/截图，要求**专业评价或改进建议**：\n\n- \"给这个页面打分\"\n- \"review 一下这个 UI\"\n- \"这个设计哪里有问题\"\n- \"这个落地页怎么优化\"\n- 附带一张截图或一个 URL 要求评估\n\n**产出**：5 维打分（雷达图文本化）+ Keep/Fix/Quick Wins 三分类清单 + 优先级排序。\n\n---\n\n## 二、五维评分体系（每项 1-5 分）\n\n| 维度 | 关注点 | 1 分 | 5 分 |\n|------|--------|------|------|\n| **美学 Aesthetic** | 字体 / 颜色 / 动效 / 空间 / 氛围 | 通用 AI slop | 意图明确的流派 |\n| **可用性 Usability** | 信息层级、可点击性、反馈、a11y | 用户需要猜 | 一眼理解下一步 |\n| **品牌一致 Brand** | 与品牌调性 / 产品定位一致度 | 和任何其他站能混用 | 一眼辨识品牌 |\n| **内容 Content** | 文案质量、信息密度、有无废话 | 占位文案 / 废话堆砌 | 每个字都在做事 |\n| **实现 Implementation** | 性能、响应式、代码质量、可维护 | 打开慢 / 布局崩 | 丝滑 / 鲁棒 |\n\n**总分规则**：\n- 5×5 = 25 分制\n- **短板决定印象**：任何一项 ≤ 2 分，总分不得超过 15（木桶短板）\n- **\"AI slop 雷区\"**：命中 `huo15-openclaw-frontend-design §四` 硬红线任一，美学直接 ≤ 2\n\n---\n\n## 三、输出结构（每次评审必按此格式）\n\n```\n### 总评\n[一句话总结：这个设计是什么流派？最大亮点？最大问题？]\n\n### 五维打分\n| 维度 | 分数 | 备注 |\n|------|------|------|\n| 美学 | X/5 | ... |\n| 可用性 | X/5 | ... |\n| 品牌一致 | X/5 | ... |\n| 内容 | X/5 | ... |\n| 实现 | X/5 | ... |\n**总分：XX/25**\n\n### 雷达图（ASCII）\n 美学 5\n ●\n 内容 ● ─┼─ ● 可用性\n ●│●\n 实现 ● 品牌\n(用 ● 的位置表示分数，1-5 对应距离中心)\n\n### Keep（保持）\n- ...（这几点做得好，不要动）\n\n### Fix（必改）\n- P0 ...（上线前必须修）\n- P1 ...（下个迭代）\n\n### Quick Wins（1 小时内能做）\n- ...（性价比最高的小改动）\n\n### 改进后预期\n[预计改完能从 XX/25 到 YY/25]\n```\n\n---\n\n## 四、评审工作流\n\n### 阶段 1 · 获取素材\n- 如果给的是 URL → 要求用户提供截图（调用 `huo15-openclaw-frontend-design §六·阶段 4` 的 Playwright 截图 CLI）\n- 如果给的是 HTML 代码 → 自己读 + 要求用户在本地浏览器打开后截图\n- 如果只给了描述 → 拒绝评审，要求至少提供一张截图\n\n### 阶段 2 · 硬红线体检（30 秒）\n对照 `huo15-openclaw-frontend-design §四` 的 8 条硬红线逐一过一遍。命中直接列入 Fix · P0。\n\n### 阶段 3 · 五维打分\n依次给 5 个维度打分，每个维度**至少一条具体理由**（不能只给分数）。\n\n### 阶段 4 · 三分类建议\n- **Keep**：避免改掉的闪光点（保护用户已有投入）\n- **Fix**：必改项，按 P0/P1 排序\n- **Quick Wins**：投入 ≤ 1 小时、收益明显的\n\n### 阶段 5 · 出报告\n按 §三的格式出一份完整报告。\n\n---\n\n## 五、常见评审反模式（Claude 自己要避免）\n\n1. ❌ 只夸不改 —— 这不是评审是吹捧\n2. ❌ 全盘否定 —— 用户的投入也有价值，要找 Keep\n3. ❌ 空话大话 —— \"这里可以更现代化\"，没用。要说\"字体改成 Playfair Display，字号从 48px 改到 64px\"\n4. ❌ 建议互相矛盾 —— 先想清楚整体方向再逐条提\n5. ❌ 忽略实现成本 —— 要分 P0/P1/Quick Win\n\n---\n\n## 六、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 评审 Web UI / HTML / 截图 | **本技能** |\n| 评审 PPT 演示稿 | `huo15-openclaw-ppt` 的 review 模式（如有） |\n| 评审 Word 文档结构 | `huo15-openclaw-office-doc` |\n| 生成设计后自检 | `huo15-openclaw-frontend-design §六·阶段 5` 调用本技能 |\n\n---\n\n## 七、触发词\n\n- 设计评审 / UI 审查 / UX 评审\n- 给这个页面打分 / 给这个设计打分\n- review 这个设计 / review UI\n- 这个界面怎么样 / 这个页面有什么问题\n- 优化建议 / 改进建议（针对已有页面）\n\n---\n\n## 八、版本历史\n\n- **v1.0.0（当前 · 2026-04-23）**：初始版本。5 维评分体系 + Keep/Fix/Quick Wins 三分类 + ASCII 雷达图 + 硬红线体检快速筛 + 5 类反模式警示。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v1.0.1:_meta.json\n\n{\n \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n \"slug\": \"huo15-openclaw-design-critique\",\n \"version\": \"1.0.1\",\n \"publishedAt\": 1777004150311\n}\n\nFile v1.0.1:skill-card.md\n\n## Description:
\nProvides structured design critiques for existing webpages, HTML, screenshots, or Figma links using five scoring dimensions, Keep/Fix/Quick Wins recommendations, and an ASCII radar-chart style summary.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[zhaobod1](https://clawhub.ai/user/zhaobod1)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDesigners, product teams, and developers use this skill to review an existing UI artifact and receive a scored design critique with prioritized fixes and quick improvements.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: Design-review guidance may be incomplete or misleading if the user provides only a description instead of an actual UI artifact.
\nMitigation: Provide screenshots, rendered pages, HTML, or Figma links intentionally before relying on the critique.
\nRisk: The artifact references a separate screenshot workflow that is not included in this release.
\nMitigation: Review and validate any separate screenshot skill or Playwright workflow before using it to capture URL evidence.
\n\n\n## Reference(s):
\n- [ClawHub skill page](https://clawhub.ai/zhaobod1/huo15-openclaw-design-critique)
\n- [ClawHub publisher profile](https://clawhub.ai/user/zhaobod1)
\n\n\n## Skill Output:
\n**Output Type(s):** [text, markdown, guidance]
\n**Output Format:** [Markdown report with score table, ASCII radar chart, prioritized recommendations, and expected improvement summary]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Requires an existing visual artifact such as a screenshot, rendered page, HTML, or Figma link; it does not generate or modify UI code directly.]
\n\n## Skill Version(s):
\n1.0.1 (source: server release metadata; artifact frontmatter states 1.0.0)
\n\n## Ethical Considerations:
\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, 3071 bytes\n\nFiles: SKILL.md (5171b), _meta.json (149b)\n\nFile v1.0.0:SKILL.md\n\n---\nname: huo15-openclaw-design-critique\ndisplayName: 火一五设计评审技能\ndescription: 5 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现）+ Keep/Fix/Quick Wins 三分类 + 雷达图结构化输出。用于对现成网页、HTML、截图、Figma 链接做专业打分与改进建议。触发词：设计评审、UI 审查、给这个页面打分、review 这个设计、这个界面怎么样、优化建议。\nversion: 1.0.0\naliases:\n - 火一五设计评审\n - 设计评审\n - UI 审查\n - UX 评审\n - 设计打分\n - design review\n - design critique\n---\n\n# 火一五设计评审技能 v1.0\n\n> 结构化 5 维设计评审 — 青岛火一五信息科技有限公司\n\n---\n\n## 一、触发场景\n\n当用户对一个已存在的界面/页面/截图，要求**专业评价或改进建议**：\n\n- \"给这个页面打分\"\n- \"review 一下这个 UI\"\n- \"这个设计哪里有问题\"\n- \"这个落地页怎么优化\"\n- 附带一张截图或一个 URL 要求评估\n\n**产出**：5 维打分（雷达图文本化）+ Keep/Fix/Quick Wins 三分类清单 + 优先级排序。\n\n---\n\n## 二、五维评分体系（每项 1-5 分）\n\n| 维度 | 关注点 | 1 分 | 5 分 |\n|------|--------|------|------|\n| **美学 Aesthetic** | 字体 / 颜色 / 动效 / 空间 / 氛围 | 通用 AI slop | 意图明确的流派 |\n| **可用性 Usability** | 信息层级、可点击性、反馈、a11y | 用户需要猜 | 一眼理解下一步 |\n| **品牌一致 Brand** | 与品牌调性 / 产品定位一致度 | 和任何其他站能混用 | 一眼辨识品牌 |\n| **内容 Content** | 文案质量、信息密度、有无废话 | 占位文案 / 废话堆砌 | 每个字都在做事 |\n| **实现 Implementation** | 性能、响应式、代码质量、可维护 | 打开慢 / 布局崩 | 丝滑 / 鲁棒 |\n\n**总分规则**：\n- 5×5 = 25 分制\n- **短板决定印象**：任何一项 ≤ 2 分，总分不得超过 15（木桶短板）\n- **\"AI slop 雷区\"**：命中 `huo15-openclaw-frontend-design §四` 硬红线任一，美学直接 ≤ 2\n\n---\n\n## 三、输出结构（每次评审必按此格式）\n\n```\n### 总评\n[一句话总结：这个设计是什么流派？最大亮点？最大问题？]\n\n### 五维打分\n| 维度 | 分数 | 备注 |\n|------|------|------|\n| 美学 | X/5 | ... |\n| 可用性 | X/5 | ... |\n| 品牌一致 | X/5 | ... |\n| 内容 | X/5 | ... |\n| 实现 | X/5 | ... |\n**总分：XX/25**\n\n### 雷达图（ASCII）\n 美学 5\n ●\n 内容 ● ─┼─ ● 可用性\n ●│●\n 实现 ● 品牌\n(用 ● 的位置表示分数，1-5 对应距离中心)\n\n### Keep（保持）\n- ...（这几点做得好，不要动）\n\n### Fix（必改）\n- P0 ...（上线前必须修）\n- P1 ...（下个迭代）\n\n### Quick Wins（1 小时内能做）\n- ...（性价比最高的小改动）\n\n### 改进后预期\n[预计改完能从 XX/25 到 YY/25]\n```\n\n---\n\n## 四、评审工作流\n\n### 阶段 1 · 获取素材\n- 如果给的是 URL → 要求用户提供截图（调用 `huo15-openclaw-frontend-design §六·阶段 4` 的 Playwright 截图 CLI）\n- 如果给的是 HTML 代码 → 自己读 + 要求用户在本地浏览器打开后截图\n- 如果只给了描述 → 拒绝评审，要求至少提供一张截图\n\n### 阶段 2 · 硬红线体检（30 秒）\n对照 `huo15-openclaw-frontend-design §四` 的 8 条硬红线逐一过一遍。命中直接列入 Fix · P0。\n\n### 阶段 3 · 五维打分\n依次给 5 个维度打分，每个维度**至少一条具体理由**（不能只给分数）。\n\n### 阶段 4 · 三分类建议\n- **Keep**：避免改掉的闪光点（保护用户已有投入）\n- **Fix**：必改项，按 P0/P1 排序\n- **Quick Wins**：投入 ≤ 1 小时、收益明显的\n\n### 阶段 5 · 出报告\n按 §三的格式出一份完整报告。\n\n---\n\n## 五、常见评审反模式（Claude 自己要避免）\n\n1. ❌ 只夸不改 —— 这不是评审是吹捧\n2. ❌ 全盘否定 —— 用户的投入也有价值，要找 Keep\n3. ❌ 空话大话 —— \"这里可以更现代化\"，没用。要说\"字体改成 Playfair Display，字号从 48px 改到 64px\"\n4. ❌ 建议互相矛盾 —— 先想清楚整体方向再逐条提\n5. ❌ 忽略实现成本 —— 要分 P0/P1/Quick Win\n\n---\n\n## 六、与其他 huo15 技能的分工\n\n| 场景 | 归属 |\n|------|------|\n| 评审 Web UI / HTML / 截图 | **本技能** |\n| 评审 PPT 演示稿 | `huo15-openclaw-ppt` 的 review 模式（如有） |\n| 评审 Word 文档结构 | `huo15-openclaw-office-doc` |\n| 生成设计后自检 | `huo15-openclaw-frontend-design §六·阶段 5` 调用本技能 |\n\n---\n\n## 七、触发词\n\n- 设计评审 / UI 审查 / UX 评审\n- 给这个页面打分 / 给这个设计打分\n- review 这个设计 / review UI\n- 这个界面怎么样 / 这个页面有什么问题\n- 优化建议 / 改进建议（针对已有页面）\n\n---\n\n## 八、版本历史\n\n- **v1.0.0（当前 · 2026-04-23）**：初始版本。5 维评分体系 + Keep/Fix/Quick Wins 三分类 + ASCII 雷达图 + 硬红线体检快速筛 + 5 类反模式警示。\n\n---\n\n**技术支持：** 青岛火一五信息科技有限公司\n\nFile v1.0.0:_meta.json\n\n{\n \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n \"slug\": \"huo15-openclaw-design-critique\",\n \"version\": \"1.0.0\",\n \"publishedAt\": 1776919693300\n}","readmeExcerpt":"Skill: Huo15 Openclaw Design Critique Owner: zhaobod1 Summary: 6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick... Tags: latest:2.0.0 Version history: v2.0.0 | 2026-05-29T05:11:28.031Z | auto Version 2.0.0 - 增加第六维度“时代感”，评分体系从5维扩展为6维，总分提升至30分 - 全新4档审美档位识别（AI-Slop/Junior/Senior/Master），评审前需先自动判档 - 新增9项过时视觉年代信号和7项","codeSnippets":[],"executableExamples":[{"language":"text","snippet":"### 对标差距\n对标 [linear.app]（bold-minimal Master 标杆）\n- 字体：linear 用 Söhne 自定字距 -1.5%；本设计用默认 Inter → -1 美学\n- accent：linear 用 OKLCH 渐变文字做 hero；本设计用纯色 → -0.5 品牌识别\n- metadata：linear 永久显示 BUILD · 日期；本设计无版本戳 → -0.5 时代感\n- 升级路径：换 Söhne / 加 OKLCH 渐变 hero / 加 BUILD 戳 → 可达 Senior 上限"},{"language":"text","snippet":"### 档位识别 ⭐v2.0\n**[AI-Slop / Junior pass / Senior 落地 / Master 级]**\n理由：[1-2 句话，引用 §二 判档信号]\n\n### 年代信号扫描 ⭐v2.0\n- 过时信号命中：[§三 #X / 无]\n- 当代信号命中：[§三 当代信号 / 无]\n\n### 总评\n[一句话总结：这个设计是什么流派？档位？最大亮点？最大问题？]\n\n### 6 维打分 ⭐v2.0\n| 维度 | 分数 | 备注 |\n|------|------|------|\n| 美学 | X/5 | ... |\n| 可用性 | X/5 | ... |\n| 品牌一致 | X/5 | ... |\n| 内容 | X/5 | ... |\n| 实现 | X/5 | ... |\n| 时代感 | X/5 | ... |\n**总分：XX/30**\n\n### 对标差距 ⭐v2.0\n对标 [Master 标杆 URL]\n- 维度 1：差距具体描述\n- 维度 2：差距具体描述\n- 升级路径：[换 X / 加 Y / 改 Z → 可达 Senior 上限 / Master 级]\n\n### 雷达图（ASCII）\n 美学 5\n ●\n 时代感●─┼─● 可用性\n ●│●\n 品牌 ● ─┼─● 内容\n ●\n 实现\n(用 ● 的位置表示分数，1-5 对应距离中心)\n\n### Keep（保持）\n- ...（这几点做得好，不要动）\n- 命中 §三 当代信号的项放这里加分\n\n### Fix（必改）\n- P0 ...（上线前必须修，命中 §三 过时信号的优先 P0）\n- P1 ...（下个迭代）\n\n### Quick Wins（1 小时内能做）\n- ...（性价比最高的小改动）\n\n### 升级路径 ⭐v2.0\n[改完 Fix P0 + Quick Wins → 预计从 X/30 到 Y/30，从 Junior 升 Senior（或 Senior 升 Master）]\n[如果想到 Master，需要 [具体 1-2 个签名钩子 / 反工业范式动作]]"},{"language":"text","snippet":"### 总评\n[一句话总结：这个设计是什么流派？最大亮点？最大问题？]\n\n### 五维打分\n| 维度 | 分数 | 备注 |\n|------|------|------|\n| 美学 | X/5 | ... |\n| 可用性 | X/5 | ... |\n| 品牌一致 | X/5 | ... |\n| 内容 | X/5 | ... |\n| 实现 | X/5 | ... |\n**总分：XX/25**\n\n### 雷达图（ASCII）\n 美学 5\n ●\n 内容 ● ─┼─ ● 可用性\n ●│●\n 实现 ● 品牌\n(用 ● 的位置表示分数，1-5 对应距离中心)\n\n### Keep（保持）\n- ...（这几点做得好，不要动）\n\n### Fix（必改）\n- P0 ...（上线前必须修）\n- P1 ...（下个迭代）\n\n### Quick Wins（1 小时内能做）\n- ...（性价比最高的小改动）\n\n### 改进后预期\n[预计改完能从 XX/25 到 YY/25]"},{"language":"text","snippet":"### 总评\n[一句话总结：这个设计是什么流派？最大亮点？最大问题？]\n\n### 五维打分\n| 维度 | 分数 | 备注 |\n|------|------|------|\n| 美学 | X/5 | ... |\n| 可用性 | X/5 | ... |\n| 品牌一致 | X/5 | ... |\n| 内容 | X/5 | ... |\n| 实现 | X/5 | ... |\n**总分：XX/25**\n\n### 雷达图（ASCII）\n 美学 5\n ●\n 内容 ● ─┼─ ● 可用性\n ●│●\n 实现 ● 品牌\n(用 ● 的位置表示分数，1-5 对应距离中心)\n\n### Keep（保持）\n- ...（这几点做得好，不要动）\n\n### Fix（必改）\n- P0 ...（上线前必须修）\n- P1 ...（下个迭代）\n\n### Quick Wins（1 小时内能做）\n- ...（性价比最高的小改动）\n\n### 改进后预期\n[预计改完能从 XX/25 到 YY/25]"}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\nname: huo15-openclaw-design-critique\ndisplayName: 火一五设计评审技能\ndescription: 6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick Wins 三分类 + 雷达图。用于对现成网页、HTML、截图、Figma 链接做专业打分与改进建议。触发词：设计评审、UI 审查、给这个页面打分、review 这个设计、这个界面怎么样、优化建议、审美档位、年代识别、Master 对标。\nversion: 2.0.0\naliases:\n - 火一五设计评审技能\n - 火一五UI审查技能\n - 火一五UX评审技能\n - 火一五设计打分技能\n - 火一五设计评审\n - 设计评审\n - UI 审查\n - UX 评审\n - 设计打分\n - design review\n - design critique\n - 审美档位\n - 年代识别\n - Master 对标\n---\n\n# 火一五设计评审技能 v2.0\n\n> 结构化 6 维设计评审 + 4 档审美档位 + 年代识别 + Master 级对标库 — 青岛火一五信息科技有限公司\n> **v2.0 起**：从 5 维扩到 6 维（加时代感）+ 4 档审美档位识别（AI-Slop / Junior / Senior / Master）+ 9 类过时视觉年代信号 + 8 流派 Master 级对标库 + 评审报告新增\"对标差距\"段\n\n---\n\n## 一、触发场景\n\n当用户对一个已存在的界面/页面/截图，要求**专业评价或改进建议**：\n\n- \"给这个页面打分\"\n- \"review 一下这个 UI\"\n- \"这个设计哪里有问题\"\n- \"这个落地页怎么优化\"\n- **\"这是几档？\"** ⭐v2.0\n- **\"对标 Linear / Stripe 差多远？\"** ⭐v2.0\n- 附带一张截图或一个 URL 要求评估\n\n**产出**：先**判档位**（4 档）→ 跑**年代识别**（9 类信号）→ 6 维打分（雷达图文本化）+ Keep/Fix/Quick Wins 三分类 + **对标差距分析** + 升级路径建议。\n\n---\n\n## 二、四档审美档位（v2.0 新增 — 必须先识别）\n\n| 档位 | 信号 | 可救度 |\n|------|------|--------|\n| **AI-Slop** | 紫粉渐变 / Inter 默认字体 / Tailwind 默认色 / 玻璃拟态 / Hero+Features+CTA 千篇一律骨架 | 不可救药，建议**重做** |\n| **Junior pass** | 占位文案 + 占位图 + 跑通骨架 + shadcn 默认组件 | 可救，目标是先到 Senior |\n| **Senior 落地** | 字体定制 / 自家配色 / 自家组件 / OKLCH 色板 / 反差字体 | 已经合格，可考虑升 Master |\n| **Master 级** | 单一签名钩子 / 反工业范式 / 时代感强 / 字距精调 / 微版式 | 顶尖，提改进只动小细节 |\n\n**判档流程**（30 秒筛）：\n1. 先扫**年代信号**（§三）— 命中任一过时信号 → 直接 AI-Slop 档\n2. 再看**字体 / 配色 / 装饰是否定制** — 都默认 → Junior pass\n3. 再看**有没有签名钩子**（\"用户记得住的那一件事\"）— 没有 → Senior（上限）\n4. 钩子 + 时代感 + 反范式 + 字距精调齐 → Master\n\n**判档结果直接写在报告顶端**，决定全篇评审基调（AI-Slop 档不需要细评，重做就行）。\n\n---\n\n## 三、9 类过时视觉年代信号（v2.0 新增）\n\n命中任一**美学维度直接 ≤ 2**，不要客气。\n\n| # | 年代信号 | 出现年代 | 当前判定 |\n|---|---------|---------|---------|\n| 1 | **紫粉渐变 + 玻璃磨砂** | 2023-2024 AI slop 高峰 | ❌ 已死 |\n| 2 | **默认 Inter + 16px Tailwind 圆角** | 2022-2023 shadcn 范式 | ❌ 千篇一律 |\n| 3 | **Hero / Features / CTA / Footer 模板化骨架** | 2020 - 至今 | ⚠️ 需要打破 |\n| 4 | **Material You 默认 dynamic color 不改** | 2021- | ⚠️ 没品牌识别 |\n| 5 | **重型拟物 / Skeuomorphism**（除非\"轻拟物 iOS 26 风\"） | 2008-2013 iOS 风 | ❌ 过时（iOS 26 是新拟物，不是这个） |\n| 6 | **Comic Sans / 默认 emoji 当图标** | 永远过时 | ❌ |\n| 7 | **左侧彩色竖条 + 圆角卡片千篇一律** | 2020 Tailwind 范式 | ❌ 烂大街 |\n| 8 | **CSS 画的伪 3D 产品图** | 2015 Material 时代延续 | ❌ |\n| 9 | **大色块 blur 渐变背景**（粉紫蓝青） | 2023 AI 生成范式 | ❌ AI slop 标志 |\n\n**反过来：v2.0 当代信号**（命中 = 加分项，记到 Keep 里）：\n- ✅ OKLCH 色空间 / OKLab spotlight\n- ✅ 等宽字 caption / 永久版本戳 / BUILD 标记\n- ✅ 衬线 display + sans body 反差大\n- ✅ 不规则版式（破网格但有意图）\n- ✅ Editorial Tech 编辑科技感（米色底 + 衬线 + 长篇）\n- ✅ Brutalist 2026 克制版（灰白 + 警示黄 + 等宽）\n- ✅ 自定签名钩子（不是模板化的 hero）\n\n---\n\n## 四、6 维评分体系（每项 1-5 分）⭐v2.0 加时代感\n\n| 维度 | 关注点 | 1 分 | 5 分 |\n|------|--------|------|------|\n| **美学 Aesthetic** | 字体 / 颜色 / 动效 / 空间 / 氛围 | AI slop | 意图明确的流派 |\n| **可用性 Usability** | 信息层级、可点击性、反馈、a11y | 用户需要猜 | 一眼理解下一步 |\n| **品牌一致 Brand** | 与品牌调性 / 产品定位一致度 | 和任何其他站能混用 | 一眼辨识品牌 |\n| **内容 Content** | 文案质量、信息密度、有无废话 | 占位文案 / 废话堆砌 | 每个字都在做事 |\n| **实现 Impl"},{"path":"_meta.json","content":"{\n \"ownerId\": \"kn7byevkn40d6z4p7ghdb097z983tj33\",\n \"slug\": \"huo15-openclaw-design-critique\",\n \"version\": \"2.0.0\",\n \"publishedAt\": 1780031488031\n}"},{"path":"skill-card.md","content":"## Description:\n\nProvides a structured UI and design critique workflow for existing pages, HTML, screenshots, and Figma links, including tier classification, era-signal scanning, six-dimension scoring, benchmark comparison, and prioritized improvement guidance.\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\nDesigners, developers, and product teams use this skill to review existing web or app interfaces and receive concise scoring, benchmark gaps, and actionable Keep/Fix/Quick Wins recommendations.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: Broad trigger phrases may activate the skill during general UI feedback requests.\n\nMitigation: Use it when a strict design-review posture is wanted, and confirm scope when the user is asking for lightweight feedback.\n\nRisk: Screenshots, URLs, or Figma links may contain sensitive product or customer information.\n\nMitigation: Provide only visual materials and links that are approved for design review.\n\n## Reference(s):\n\n- [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-openclaw-design-critique)\n- [Publisher profile](https://clawhub.ai/user/zhaobod1)\n\n## Skill Output:\n\n**Output Type(s):** [Analysis, Markdown, Guidance]\n\n**Output Format:** [Markdown design review with scores, benchmark comparison, ASCII radar chart, and prioritized recommendations]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [May request screenshots when URL or textual descriptions do not provide enough visual evidence.]\n\n## Skill Version(s):\n\n2.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 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick... Skill: Huo15 Openclaw Design Critique Owner: zhaobod1 Summary: 6 维度设计评审（美学 / 可用性 / 品牌一致 / 内容 / 技术实现 / 时代感）+ 审美档位识别（AI-Slop / Junior / Senior / Master 四档）+ 年代识别（命中过时视觉信号自动扣分）+ Master 级对标参考库（每流派 2-3 个真实标杆）+ Keep/Fix/Quick... Tags: latest:2.0.0 Version history: v2.0.0 | 2026-05-29T05:11:28.031Z | auto Version 2.0.0 - 增加第六维度“时代感”，评分体系从5维扩展为6维，总分提升至30分 - 全新4档审美档位识别（AI-Slop/Junior/Senior/Master），评审前需先自动判档 - 新增9项过时视觉年代信号和7项","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":966,"uniquenessScore":56,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-10-10T20:23:23.270Z","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-10T20:23:23.270Z","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-10T22:51:09.716Z","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"}]}}}