{"id":"0aa3ff7d-0585-4f0f-8cb2-417ae17576f9","slug":"clawbert-ingo-ui-consistency","name":"ui-consistency","description":"Audit and fix UI inconsistencies in React/Next.js + Tailwind CSS projects. Use when asked to: (1) find UI inconsistencies or design debt, (2) migrate inline styles or custom CSS to Tailwind, (3) clean up hardcoded colors/spacing/shadows/animations, (4) enforce Tailwind-only styling, or (5) do a full UI design consistency pass. Supports two phases: Phase 1 = scan & audit report, Phase 2 = systematic fixing. NOT for: functionality changes, logic refactors, or non-Tailwind projects.","canonicalUrl":"https://www.xpersona.co/skill/clawbert-ingo-ui-consistency","sourceUrl":"https://github.com/clawbert-ingo/ui-consistency","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"clawbert-ingo","label":"Clawbert Ingo","url":"https://github.com/clawbert-ingo/ui-consistency"},"protocols":["OPENCLEW"],"capabilities":["first"],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-02-24T19:44:44.443Z","freshnessLabel":"Feb 24, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Feb 24, 2026"},{"label":"Vendor","value":"Clawbert Ingo"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","category":"integration","label":"Crawlable docs","value":"6 indexed pages on the official domain","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true},{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawbert Ingo","href":"https://github.com/clawbert-ingo/ui-consistency","sourceUrl":"https://github.com/clawbert-ingo/ui-consistency","sourceType":"profile","confidence":"medium","observedAt":"2026-02-24T19:44:45.454Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawbert-ingo-ui-consistency/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawbert-ingo-ui-consistency/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-02-24T19:44:45.454Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawbert-ingo-ui-consistency/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawbert-ingo-ui-consistency/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["Trust evidence available"],"agentCard":{"name":"ui-consistency","description":"Audit and fix UI inconsistencies in React/Next.js + Tailwind CSS projects. Use when asked to: (1) find UI inconsistencies or design debt, (2) migrate inline styles or custom CSS to Tailwind, (3) clean up hardcoded colors/spacing/shadows/animations, (4) enforce Tailwind-only styling, or (5) do a full UI design consistency pass. Supports two phases: Phase 1 = scan & audit report, Phase 2 = systematic fixing. NOT for: functionality changes, logic refactors, or non-Tailwind projects.","source":"GITHUB_OPENCLEW","sourceId":"github:1163975527","repository":"https://github.com/clawbert-ingo/ui-consistency","documentation":"https://www.xpersona.co/skill/clawbert-ingo-ui-consistency/agent/clawbert-ingo-ui-consistency","protocols":["OPENCLEW"],"capabilities":["first"],"languages":["typescript"],"install":{"command":"git clone https://github.com/clawbert-ingo/ui-consistency.git","ecosystem":"git"},"examples":[{"kind":"example","language":"bash","snippet":"python3 <skill-dir>/scripts/scan_ui.py <project-root> --output ui-audit.md"},{"kind":"example","language":"jsx","snippet":"// ✅ Keep — runtime value\n<div style={{ width: `${progress}%` }} />\n<div style={{ transform: `rotate(${angle}deg)` }} />\n\n// ❌ Replace — static value\n<div style={{ padding: '16px' }} />"}]}}