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.
Craft-first interface design for dashboards, admin panels, SaaS apps, tools, and data interfaces. Use when designing, building, or refining product UI where visual craft, layout hierarchy, tokens, and design-system consistency matter.