What problem does it solve?
Modifying the BOSSA bar stock dashboard's code or visual elements without enforced guidelines leads to inconsistent styling, accidental brand drift, and a disjointed user experience for operations staff, requiring time-consuming rework to restore the approved professional aesthetic.
Core Features & Use Cases
- Locked v3 Design System Enforcement: Mandates the approved "Control Board" aesthetic with cool slate neutrals, a single blue accent, IBM Plex typography, and fixed layout structure, preventing accidental reversion to retired v1/v2 warm cream brand elements.
- Exact Component Specifications: Provides detailed rules for all dashboard elements including the dark sidebar, 5-tile KPI strip, chip-filtered tables, status pills, and fill bars to ensure visual consistency across all updates.
- Use Case: When adding a new stock status category or updating the dashboard's color palette, this skill ensures all changes align with the approved design system, avoiding broken styling or off-brand visuals.
Quick Start
Use the dashboard-design skill to adjust the color of the critical stock status pill to match the approved design system specifications.