{"id":"4fc7b466-d67e-46d3-b4ea-cab5e9546c3e","slug":"clawhub-maryambahri-impeccable-uxui","name":"Impeccable ans Complete UX/UI Skill","description":"The design language that makes AI better at frontend design. 7 domain-specific references (typography, color, spatial, motion, interaction, responsive, UX wr...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-maryambahri-impeccable-uxui","sourceUrl":"https://clawhub.ai/maryambahri/impeccable-uxui","homepage":"https://clawhub.ai/maryambahri/skills/impeccable-uxui","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/maryambahri/skills/impeccable-uxui"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.0.0","freshnessAt":"2026-10-09T15:03:10.572Z","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.0.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/maryambahri/skills/impeccable-uxui","sourceUrl":"https://clawhub.ai/maryambahri/skills/impeccable-uxui","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T15:03:10.573Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-maryambahri-impeccable-uxui/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-maryambahri-impeccable-uxui/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-09T15:03:10.573Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"2.4K downloads","href":"https://clawhub.ai/maryambahri/impeccable-uxui","sourceUrl":"https://clawhub.ai/maryambahri/impeccable-uxui","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T15:03:10.573Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.0.0","href":"https://clawhub.ai/maryambahri/impeccable-uxui","sourceUrl":"https://clawhub.ai/maryambahri/impeccable-uxui","sourceType":"release","confidence":"medium","observedAt":"2026-03-29T12:51:11.201Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-maryambahri-impeccable-uxui/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-maryambahri-impeccable-uxui/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["2.4K downloads","Trust evidence available"],"agentCard":{"name":"Impeccable ans Complete UX/UI Skill","description":"The design language that makes AI better at frontend design. 7 domain-specific references (typography, color, spatial, motion, interaction, responsive, UX wr...","source":"CLAWHUB","sourceId":"clawhub:s175msyanm81jd2g201jsf38vd83vhny:impeccable-uxui","homepage":"https://clawhub.ai/maryambahri/skills/impeccable-uxui","repository":"https://clawhub.ai/maryambahri/impeccable-uxui","documentation":"https://www.xpersona.co/agent/clawhub-maryambahri-impeccable-uxui","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"css","snippet":"/* 1. Use font-display: swap for visibility */\n@font-face {\n  font-family: 'CustomFont';\n  src: url('font.woff2') format('woff2');\n  font-display: swap;\n}\n\n/* 2. Match fallback metrics to minimize shift */\n@font-face {\n  font-family: 'CustomFont-Fallback';\n  src: local('Arial');\n  size-adjust: 105%;        /* Scale to match x-height */\n  ascent-override: 90%;     /* Match ascender height */\n  descent-override: 20%;    /* Match descender depth */\n  line-gap-override: 10%;   /* Match line spacing */\n}\n\nbody {\n  font-family: 'CustomFont', 'CustomFont-Fallback', sans-serif;\n}"},{"kind":"example","language":"css","snippet":"/* Tabular numbers for data alignment */\n.data-table { font-variant-numeric: tabular-nums; }\n\n/* Proper fractions */\n.recipe-amount { font-variant-numeric: diagonal-fractions; }\n\n/* Small caps for abbreviations */\nabbr { font-variant-caps: all-small-caps; }\n\n/* Disable ligatures in code */\ncode { font-variant-ligatures: none; }\n\n/* Enable kerning (usually on by default, but be explicit) */\nbody { font-kerning: normal; }"}]}}