← ClaudeAtlas

omni-moslisted

OmniONE — MOS (Manufacturer OS) design skill. Desktop B2B web app — sidebar shell, data tables, stepper flows, BRAND-BLUE primary + teal accents, 6px control radius. Extends the shared omni-design-system base.
teejayai/Omni-design-skill · ★ 0 · Web & Frontend · score 62
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.