{"id":"337533a7-31e2-48aa-8faa-cb035072730b","shortId":"3GJZ9Y","kind":"skill","title":"ui-review","tagline":"Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.","description":"# UI Review\n\n## Overview\n\nPart of [StyleSeed](https://github.com/bitjaru/styleseed), this skill audits UI code against the Toss seed's conventions instead of reviewing it as generic frontend work. It focuses on design-token discipline, component ergonomics, accessibility, mobile readiness, typography, and spacing consistency.\n\n## When to Use\n- Use when a component or page should follow the StyleSeed Toss design language\n- Use when reviewing a UI-heavy PR for consistency and design-system violations\n- Use when the output looks \"mostly fine\" but feels off in subtle ways\n- Use when you need a structured review with concrete fixes\n\n## Review Checklist\n\n### Design Tokens\n\n- no hardcoded hex colors when semantic tokens exist\n- no improvised shadow values when tokenized shadows exist\n- no arbitrary radius choices outside the system scale\n- no random spacing values that break the seed rhythm\n\n### Component Conventions\n\n- uses the project's class merge helper\n- supports `className` extension when appropriate\n- uses the agreed typing pattern\n- avoids wrapper components that only forward one class string\n- reuses existing primitives before inventing new ones\n\n### Accessibility\n\n- touch targets large enough for mobile\n- visible keyboard focus states\n- labels and `aria-*` attributes where needed\n- adequate color contrast\n- reduced-motion respect for animation\n\n### Mobile UX\n\n- no horizontal overflow\n- safe-area handling where relevant\n- readable text sizes\n- thumb-friendly interaction spacing\n- bottom nav or sticky actions do not obscure content\n\n### Typography and Spacing\n\n- uses the system type hierarchy\n- display and headings are not overly loose\n- body text remains readable\n- spacing follows the seed grid instead of arbitrary values\n\n## Output Format\n\nReturn:\n1. A verdict: Pass, Needs Improvement, or Fail\n2. A prioritized list of issues with file and line references when available\n3. Concrete fixes for each issue\n4. Any open questions where the design intent is ambiguous\n\n## Best Practices\n\n- Review against the seed, not against personal taste\n- Separate stylistic drift from real usability or accessibility bugs\n- Prefer actionable diffs over abstract criticism\n- Call out duplication when an existing component already solves the problem\n\n## Additional Resources\n\n- [StyleSeed repository](https://github.com/bitjaru/styleseed)\n- [Source skill](https://github.com/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ui-review/SKILL.md)\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["review","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity-skills"],"capabilities":["skill","source-sickn33","skill-ui-review","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/ui-review","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34460 github stars · SKILL.md body (2,784 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T06:52:04.407Z","embedding":null,"createdAt":"2026-04-18T21:46:42.770Z","updatedAt":"2026-04-22T06:52:04.407Z","lastSeenAt":"2026-04-22T06:52:04.407Z","tsv":"'/bitjaru/styleseed)':355 '/bitjaru/styleseed),':29 '/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ui-review/skill.md)':360 '1':276 '2':284 '3':297 '4':303 'abstract':336 'access':13,58,191,330 'action':240,333 'addit':349 'adequ':208 'agre':172 'alreadi':345 'ambigu':312 'anim':216 'appropri':169 'arbitrari':140,271 'area':224 'aria':204 'ask':394 'attribut':205 'audit':32 'avail':296 'avoid':175 'best':313 'bodi':260 'bottom':236 'boundari':402 'break':152 'bug':331 'call':338 'checklist':120 'choic':142 'clarif':396 'class':162,182 'classnam':166 'clear':369 'code':6,34 'color':126,209 'complianc':12 'compon':56,71,156,177,344 'concret':117,298 'consist':64,90 'content':244 'contrast':210 'convent':40,157 'criteria':405 'critic':337 'describ':373 'design':10,53,79,93,121,309 'design-system':9,92 'design-token':52 'diff':334 'disciplin':17,55 'display':253 'drift':325 'duplic':340 'enough':195 'environ':385 'environment-specif':384 'ergonom':15,57 'exist':130,138,185,343 'expert':390 'extens':167 'fail':283 'feel':104 'file':291 'fine':102 'fix':118,299 'focus':50,200 'follow':75,265 'format':274 'forward':180 'friend':233 'frontend':47 'generic':46 'github.com':28,354,359 'github.com/bitjaru/styleseed)':353 'github.com/bitjaru/styleseed),':27 'github.com/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ui-review/skill.md)':358 'grid':268 'handl':225 'hardcod':124 'head':255 'heavi':87 'helper':164 'hex':125 'hierarchi':252 'horizont':220 'implement':19 'improv':281 'improvis':132 'input':399 'instead':41,269 'intent':310 'interact':234 'invent':188 'issu':289,302 'keyboard':199 'label':202 'languag':80 'larg':194 'limit':361 'line':293 'list':287 'look':100 'loos':259 'match':370 'merg':163 'miss':407 'mobil':14,59,197,217 'most':101 'motion':213 'nav':237 'need':112,207,280 'new':189 'obscur':243 'one':181,190 'open':305 'output':99,273,379 'outsid':143 'over':258 'overflow':221 'overview':23 'page':73 'part':24 'pass':279 'pattern':174 'permiss':400 'person':321 'pr':88 'practic':314 'prefer':332 'primit':186 'priorit':286 'problem':348 'project':160 'qualiti':20 'question':306 'radius':141 'random':148 'readabl':228,263 'readi':60 'real':327 'reduc':212 'reduced-mot':211 'refer':294 'relev':227 'remain':262 'repositori':352 'requir':398 'resourc':350 'respect':214 'return':275 'reus':184 'review':3,4,22,43,83,115,119,315,391 'rhythm':155 'safe':223 'safe-area':222 'safeti':401 'scale':146 'scope':372 'seed':38,154,267,318 'semant':128 'separ':323 'shadow':133,137 'size':230 'skill':31,357,364 'skill-ui-review' 'solv':346 'sourc':356 'source-sickn33' 'space':16,63,149,235,247,264 'specif':386 'state':201 'sticki':239 'stop':392 'string':183 'structur':114 'stylese':8,26,77,351 'stylist':324 'substitut':382 'subtl':107 'success':404 'support':165 'system':11,94,145,250 'target':193 'task':368 'tast':322 'test':388 'text':229,261 'thumb':232 'thumb-friend':231 'token':54,122,129,136 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'toss':37,78 'touch':192 'treat':377 'type':173,251 'typographi':61,245 'ui':2,5,21,33,86 'ui-heavi':85 'ui-review':1 'usabl':328 'use':67,68,81,96,109,158,170,248,362 'ux':218 'valid':387 'valu':134,150,272 'verdict':278 'violat':95 'visibl':198 'way':108 'work':48 'wrapper':176","prices":[{"id":"d40019a8-98b0-4659-908a-889909177585","listingId":"337533a7-31e2-48aa-8faa-cb035072730b","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:46:42.770Z"}],"sources":[{"listingId":"337533a7-31e2-48aa-8faa-cb035072730b","source":"github","sourceId":"sickn33/antigravity-awesome-skills/ui-review","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ui-review","isPrimary":false,"firstSeenAt":"2026-04-18T21:46:42.770Z","lastSeenAt":"2026-04-22T06:52:04.407Z"}],"details":{"listingId":"337533a7-31e2-48aa-8faa-cb035072730b","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"ui-review","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34460,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-22T06:40:00Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"9d7811df60c548d4fcd0fd2c5ead077443bc59bc","skill_md_path":"skills/ui-review/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ui-review"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"ui-review","description":"Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/ui-review"},"updatedAt":"2026-04-22T06:52:04.407Z"}}