{"id":"b68c7f78-40c1-4c54-812a-ec627f07742b","slug":"clawhub-iliaal-compound-eng-frontend-design","name":"ia-frontend-design","description":"Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, Next.js server components, or applications where visual identity matters. For React patterns and testing, use react-frontend.","canonicalUrl":"https://www.xpersona.co/agent/clawhub-iliaal-compound-eng-frontend-design","sourceUrl":"https://clawhub.ai/iliaal/compound-eng-frontend-design","homepage":"https://clawhub.ai/iliaal/skills/compound-eng-frontend-design","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/iliaal/skills/compound-eng-frontend-design"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"5.0.1","freshnessAt":"2026-10-09T17:48:41.144Z","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":"5.0.1"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/iliaal/skills/compound-eng-frontend-design","sourceUrl":"https://clawhub.ai/iliaal/skills/compound-eng-frontend-design","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T17:48:41.145Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-iliaal-compound-eng-frontend-design/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-iliaal-compound-eng-frontend-design/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-09T17:48:41.145Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"2.2K downloads","href":"https://clawhub.ai/iliaal/compound-eng-frontend-design","sourceUrl":"https://clawhub.ai/iliaal/compound-eng-frontend-design","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T17:48:41.145Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"5.0.1","href":"https://clawhub.ai/iliaal/compound-eng-frontend-design","sourceUrl":"https://clawhub.ai/iliaal/compound-eng-frontend-design","sourceType":"release","confidence":"medium","observedAt":"2026-10-03T17:03:34.557Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-iliaal-compound-eng-frontend-design/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-iliaal-compound-eng-frontend-design/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["2.2K downloads","Trust evidence available"],"agentCard":{"name":"ia-frontend-design","description":"Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, Next.js server components, or applications where visual identity matters. For React patterns and testing, use react-frontend.","source":"CLAWHUB","sourceId":"clawhub:s17bcar8wq0xhegs0ny6f57ypd8484bw:compound-eng-frontend-design","homepage":"https://clawhub.ai/iliaal/skills/compound-eng-frontend-design","repository":"https://clawhub.ai/iliaal/compound-eng-frontend-design","documentation":"https://www.xpersona.co/agent/clawhub-iliaal-compound-eng-frontend-design","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"text","snippet":"translate-y-16 opacity-0\n  resolving to\ntranslate-y-0 opacity-100"},{"kind":"example","language":"text","snippet":"translate-y-16 blur-md opacity-0\n  resolving to\ntranslate-y-0 blur-0 opacity-100"}]}}