Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From garage
Use when building or styling sportsbook, betting, or casino (iGaming) interfaces: odds displays, betslips, live-event states, suspended markets, casino game grids, or wallet and money surfaces.
How this skill is triggered — by the user, by Claude, or both
Slash command
/garage:igaming-uiThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Read `references/igaming-design-patterns.md` before designing. Non-negotiables:
Read references/igaming-design-patterns.md before designing. Non-negotiables:
../../references/ui-selector-conventions.md.If the external impeccable plugin is installed, compose with it for visual critique.
npx claudepluginhub omexit/claude-skills-pack --plugin garageUse when building ANY user interface - web app, game, CLI, dashboard, landing page, or component - ensures all UI output references documented UX patterns instead of generating from assumptions, preventing the amateur look of AI-generated UI
Provides web UI patterns for navigation, forms, and data display in browser apps. Use when designing interfaces, writing acceptance criteria, or reviewing responsive designs.
Guides UI design and implementation to avoid generic AI-looking interfaces. Provides anti-slop rules, a discovery phase, and guidance for layout, typography, color, motion, accessibility, and polish.