What problem does it solve? Building or reviewing any screen, component, or flow for the Tyche Solana lottery DApp requires strict adherence to its "Tinta Neon" retro-cyberpunk visual language, and this Skill provides the complete token set, component recipes, and canonical HTML references so every UI change stays consistent across mobile and desktop. ## Core Features & Use Cases - Design tokens and rules: Provides the full CSS variable set (surfaces, text, accents, typography, solid shadows, inset rings) plus six non-negotiable style rules such as square corners and offset plate text shadows. - Component and screen recipes: Contains literal CSS values for buttons, cards, number tiles, badges, modals, bottom sheets, tab bars, and the anatomy of 16 reference screens with inline-CSS HTML files as the source of truth. - Repo integration and desktop shell: Maps each screen to its TSX file in the Next 16 + React 19 app, defines the 1024px desktop shell (260px rail, 70px context bar, master-detail grids), and includes a delivery checklist. - Use Case: When asked to add a new claims screen to the Tyche web app, the Skill guides you to copy the nearest reference HTML, apply the token values, follow the responsive contract, and verify against the checklist before shipping. ## Quick Start Use the tyche-design-system skill to create a new screen or restyle a component in the Tyche app following the Tinta Neon visual language.
