{"id":"c8a128e5-8e65-47de-ac08-be6f231345ed","slug":"clawhub-namepain-style-extractor","name":"style-extractor","description":"从 URL、截图或前端项目源码中逆向提取 UI 视觉风格，产出三层 Design Token 系统（Primitive → Semantic → Component），封装为可复用的 WorkBuddy 通用风格技能。","canonicalUrl":"https://www.xpersona.co/agent/clawhub-namepain-style-extractor","sourceUrl":"https://clawhub.ai/namepain/style-extractor","homepage":"https://clawhub.ai/namepain/skills/style-extractor","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/namepain/skills/style-extractor"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"0.1.0","freshnessAt":"2026-10-11T19:48:36.009Z","freshnessLabel":"Oct 11, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 11, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"0.1.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/namepain/skills/style-extractor","sourceUrl":"https://clawhub.ai/namepain/skills/style-extractor","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T19:48:36.077Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-namepain-style-extractor/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-namepain-style-extractor/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-11T19:48:36.077Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"1K downloads","href":"https://clawhub.ai/namepain/style-extractor","sourceUrl":"https://clawhub.ai/namepain/style-extractor","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T19:48:36.077Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"0.1.0","href":"https://clawhub.ai/namepain/style-extractor","sourceUrl":"https://clawhub.ai/namepain/style-extractor","sourceType":"release","confidence":"medium","observedAt":"2026-08-10T07:42:30.846Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-namepain-style-extractor/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-namepain-style-extractor/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["1K downloads","Trust evidence available"],"agentCard":{"name":"style-extractor","description":"从 URL、截图或前端项目源码中逆向提取 UI 视觉风格，产出三层 Design Token 系统（Primitive → Semantic → Component），封装为可复用的 WorkBuddy 通用风格技能。","source":"CLAWHUB","sourceId":"clawhub:s173xe0t6gv3a8j1p6atk0v1cs8c6x4v:style-extractor","homepage":"https://clawhub.ai/namepain/skills/style-extractor","repository":"https://clawhub.ai/namepain/style-extractor","documentation":"https://www.xpersona.co/agent/clawhub-namepain-style-extractor","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"text","snippet":"Primitive (原材料)    →  color.blue.600, space.4, radius.md, font.size.lg\n                            ↑ reference only — do not use in components directly\nSemantic (设计角色)   →  color.action.primary, color.bg.surface, space.container.padding\n                            ↑ components use these\nComponent (组件特化)  →  button.primary.bg.default, input.border.focus, dialog.shadow\n                            ↑ only when semantic tokens are insufficient"},{"kind":"example","language":"text","snippet":"color.blue.50  → #E8F3FF    color.blue.500  → #165DFF    color.blue.900  → #001B4D\ncolor.gray.50  → #F7F8FA    color.gray.500  → #86909C    color.gray.900  → #1D2129\nspace.1  → 4px    space.2  → 8px    space.4  → 16px    space.6  → 24px\nradius.sm → 2px  radius.md → 4px   radius.lg → 8px\nfont.size.sm → 12px   font.size.base → 14px   font.size.lg → 16px"}]}}