onboardianos

Bishs Design System — Design skill for Claude Code

Design community

Bish's RV Nexus Design System: tokens, brand assets, React components and the required AppShell navigation (header, role-driven side panel, mobile tab bar, admin-managed nav).

How to install Bishs Design System

This entry records only its repository, not the path inside it, so there is no exact command to give. Open onboardianos/bishs-design-system and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Bishs Design System does

Bish's RV Nexus Design System: tokens, brand assets, React components and the required AppShell navigation (header, role-driven side panel, mobile tab bar, admin-managed nav). Includes SKILL.md and CLAUDE.md so agents build on-brand, accessible (WCAG AA), fluid screens. Source of truth for Dealer OS

Alternatives in Design

Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
Clui Cc — A lightweight, transparent desktop overlay for Claude Code on macOS 956 ★
Design Present — Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker 309 ★

README

Bish's RV — Nexus Design System

**@nexus/design-system · v1.0 · April 2026** The single source of truth for Bish's RV digital products. This system combines the 2022 Bish's RV Brand Guidelines (identity layer) with the Nexus product design system (product layer) — a shadcn/Radix/Tailwind/CVA stack with a Material 3 behavioral overlay.

Brand context

Bish's RV is a multi-location RV dealership network. The brand identity is **rugged, heritage-leaning, and confident** — black + gold as the primary palette, dark green as a surface color, cream as the warm text tone. The tagline **"Where Memories Begin"** anchors everything.

Nexus is the **product-layer** system that powers Bish's internal tools: dealer ops, inventory/desking, protection operations (BPOP), pipeline management, fleet tracking, and customer-facing portals. It is dark-first for task-focused admin tools and offers a parallel light theme for surfaces that need it.

**Two products/surfaces are represented:**

Internal Tools / Portal (dark theme) — dealer ops dashboards, inventory, BPOP protection-ops, pipelines
Light Admin / Data-heavy Tools (light theme) — the same system re-skinned for long-session data-dense contexts

Sources

The materials that informed this system — the reader may or may not have access:

Design System Assets & Materials (local mount: Design-System-Assets-&-Materials-Tokens/)
- nexus-design-system-tokens.md — canonical token reference
- nexus-design-system-assets.html — live HTML asset library (CSS-variable tokens)
- nexus-design-system.jsx — React interactive reference (all component variants)
- design-systems-research-v2.html — research doc justifying stack choices
Brand Analysis (local mount: Updated Brand Analysis & Improvement/)
- brand_vs_nexus_comparison_light.html — comparison between the 2022 brand guide and Nexus, with reconciliation recommendations
Logo kit (uploaded) — 16 PNG variations (Black, Go