{"id":"12984cef-74d1-40f1-abd7-59731041a405","slug":"clawhub-aa-on-ai-design-review","name":"Design Review","description":"Core pack — always active for visual work. Quality gate for UI, components, pages, layouts, or frontend work. Triggers on any visual/design task automaticall...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-aa-on-ai-design-review","sourceUrl":"https://clawhub.ai/aa-on-ai/design-review","homepage":"https://clawhub.ai/aa-on-ai/skills/design-review","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/aa-on-ai/skills/design-review"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.1.0","freshnessAt":"2026-10-09T19:40:49.162Z","freshnessLabel":"Oct 9, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 9, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"1.1.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/aa-on-ai/skills/design-review","sourceUrl":"https://clawhub.ai/aa-on-ai/skills/design-review","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T19:40:49.162Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-aa-on-ai-design-review/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-aa-on-ai-design-review/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-09T19:40:49.162Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"2.1K downloads","href":"https://clawhub.ai/aa-on-ai/design-review","sourceUrl":"https://clawhub.ai/aa-on-ai/design-review","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T19:40:49.162Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.1.0","href":"https://clawhub.ai/aa-on-ai/design-review","sourceUrl":"https://clawhub.ai/aa-on-ai/design-review","sourceType":"release","confidence":"medium","observedAt":"2026-03-23T21:56:30.749Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-aa-on-ai-design-review/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-aa-on-ai-design-review/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["2.1K downloads","Trust evidence available"],"agentCard":{"name":"Design Review","description":"Core pack — always active for visual work. Quality gate for UI, components, pages, layouts, or frontend work. Triggers on any visual/design task automaticall...","source":"CLAWHUB","sourceId":"clawhub:s17c7rw6zqf32g9sv6mqgxjxhh83fa3a:design-review","homepage":"https://clawhub.ai/aa-on-ai/skills/design-review","repository":"https://clawhub.ai/aa-on-ai/design-review","documentation":"https://www.xpersona.co/agent/clawhub-aa-on-ai-design-review","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"bash","snippet":"# check for common agent anti-patterns\npython3 skills/design-review/scripts/anti-pattern-check.py <your-file.tsx>\n\n# verify loading, empty, and error states exist\npython3 skills/design-review/scripts/state-check.py <your-file.tsx>\n\n# check semantic HTML, aria labels, alt text, heading hierarchy\npython3 skills/design-review/scripts/accessibility-check.py <your-file.tsx>"},{"kind":"example","language":"text","snippet":"// consistent container\n<div className=\"mx-auto max-w-6xl px-4 sm:px-6 lg:px-8\">\n\n// consistent grid with fixed gap\n<div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n\n// consistent spacing between sections\n<section className=\"space-y-12\">  // 48px between children\n<section className=\"space-y-16\">  // 64px between children\n\n// baseline-aligned metrics row\n<div className=\"flex items-baseline gap-8\">\n  <span className=\"text-3xl font-semibold\">1,247</span>\n  <span className=\"text-sm text-gray-500\">active deployments</span>\n</div>\n\n// consistent card padding\n<div className=\"p-6\">  // always p-6 for cards, never mixed"}]}}