omni-moslisted
Install: claude install-skill teejayai/Omni-design-skill
# OmniONE — MOS
Desktop B2B web app (1440px) for manufacturers — Targets, Roles, Sales Process, Order Creation, Product upload, Customer Mgt. Extends [omni-design-system](../base/SKILL.md). Gordita throughout. Currency ₦. "Powered by OmniONE" footer on every screen.
## Voice / personality
Operational and businesslike. Plain, task-led labels ("Add New Target", "Pending Validation"). Guided, multi-step (stepper flows + form-with-live-Preview). Trust/clarity over flair — status via soft-tinted badges, not loud color.
## Preferred components & variants
- **Buttons**: Primary = filled **brand blue `#173E87`** (Create, Search, Action ▾). Secondary = white + gray stroke (Cancel/Export/Filter). Tertiary destructive = red text "Delete".
- **Fixed left sidebar** (288px) with dropdown nav groups + company-switcher card + Demo Account toggle.
- **Top utility bar**: language dropdown, search, settings, notification badge, avatar initials.
- **Data tables**: sortable header chevrons, per-row "View Details" link, **status badges** (Pending/Failed/Uploaded), footer "Rows per page" + pager.
- **Stat/summary cards** in 3-up rows; active card = teal border `#1AA179` on `#DEF7EF`.
- **Tabs**: underline-active.
- **Form controls**: labeled inputs with red `*`, "Please select" dropdowns, segmented day-pickers (active = teal fill), multi-select chips with `×`, date inputs w/ calendar icon, radio groups.
- **Live Preview panel** (right rail, `#F8F9FA`) mirroring form values under all-caps labels.