What problem does it solve? Designing a professional financial trading terminal interface requires consistent dark-only surfaces, color-coded buy/sell signals, and dense tabular layouts; this Skill provides an authoritative design system so engineers and designers produce consistent, implementation-ready UI without inventing ad-hoc styles. ## Core Features & Use Cases - Design Tokens & Foundations: Provides the full palette (#0D0D0D background, #00D4AA buy, #FF4757 sell), typography scale (JetBrains Mono for data, Inter for labels), and spacing tokens as CSS variables. - Component Rules: Defines order book rows, price cards, and ticker bars with explicit states, grid layouts, and flat border-based elevation. - Accessibility & QA Gates: Enforces WCAG 2.2 AA, keyboard-first interactions, testable acceptance criteria, and a code-review QA checklist. - Use Case: When building a market monitoring dashboard, use this Skill to generate component-level guidance so every price change is monospace, color-coded, and readable at a glance. ## Quick Start Use the trading-terminal skill to generate design-system guidance for a dark, data-dense crypto price dashboard with an order book and ticker bar.
