{"id":"a6ac9d83-67b0-4cdc-b73f-7e7084fd2994","slug":"clawhub-zhaobod1-huo15-openclaw-frontend-design","name":"Huo15 Openclaw Frontend Design","description":"高保真 Web UI / 移动 H5 / iOS / Android / HarmonyOS / 微信 + 支付宝 + 抖音 + 快手 四端小程序 原生风格原型 + 大胆美学方向 + 反 AI Slop 硬红线 + 8 流派 design tokens（含 motion）系统化（CSS vars / Tailwi...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-zhaobod1-huo15-openclaw-frontend-design","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design","homepage":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-frontend-design","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-frontend-design"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"4.7.0","freshnessAt":"2026-10-10T07:46:28.229Z","freshnessLabel":"Oct 10, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 10, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"4.7.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-frontend-design","sourceUrl":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-frontend-design","sourceType":"profile","confidence":"medium","observedAt":"2026-10-10T07:46:28.229Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-10T07:46:28.229Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"1.6K downloads","href":"https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design","sourceType":"profile","confidence":"medium","observedAt":"2026-10-10T07:46:28.229Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"4.7.0","href":"https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design","sourceType":"release","confidence":"medium","observedAt":"2026-05-29T05:11:47.832Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-openclaw-frontend-design/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["1.6K downloads","Trust evidence available"],"agentCard":{"name":"Huo15 Openclaw Frontend Design","description":"高保真 Web UI / 移动 H5 / iOS / Android / HarmonyOS / 微信 + 支付宝 + 抖音 + 快手 四端小程序 原生风格原型 + 大胆美学方向 + 反 AI Slop 硬红线 + 8 流派 design tokens（含 motion）系统化（CSS vars / Tailwi...","source":"CLAWHUB","sourceId":"clawhub:s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-openclaw-frontend-design","homepage":"https://clawhub.ai/zhaobod1/skills/huo15-openclaw-frontend-design","repository":"https://clawhub.ai/zhaobod1/huo15-openclaw-frontend-design","documentation":"https://www.xpersona.co/agent/clawhub-zhaobod1-huo15-openclaw-frontend-design","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"bash","snippet":"# 桌面端\n   npx playwright-core screenshot <URL 或 file:///绝对路径> ~/verify.png --viewport-size=1440,900\n   # 移动端（MOBILE-NATIVE 流派必跑）\n   npx playwright-core screenshot <URL> ~/verify-iphone.png --viewport-size=393,852\n   npx playwright-core screenshot <URL> ~/verify-android.png --viewport-size=412,915"},{"kind":"example","language":"text","snippet":"# 1. 浏览器渲染（已在 self-verify §1.2 完成）\nmcp__Claude_in_Chrome__navigate({ url: \"file:///abs/index.html\", tabId: <id> })\n\n# 2. 注入 axe-core 并执行\nmcp__Claude_in_Chrome__javascript_tool({\n  tabId: <id>,\n  code: `\n    const s = document.createElement('script');\n    s.src = 'https://cdnjs.cloudflare.com/ajax/libs/axe-core/4.10.0/axe.min.js';\n    document.head.appendChild(s);\n    await new Promise(r => s.onload = r);\n    return await axe.run({ runOnly: ['wcag2aa', 'wcag22aa'] });\n  `\n})\n\n# 3. 解析返回的 violations / passes / incomplete，对照本清单标记"}]}}