design-system
Cosmic Harbor design system for OrbitDock. Covers the full visual language: color tokens (status, feedback, tool, model, autonomy, diff, syntax), spacing (4pt grid), typography scale, corner radii, elevation/shadow/glow, opacity tiers, motion presets, icon sizing, component patterns (badges, cards, buttons, banners, session rows, composer), interaction patterns (urgency hierarchy, progressive disclosure), cross-platform layout rules (phoneCompact, pad, desktop), and accessibility standards (WCAG contrast, reduced motion, VoiceOver). Use when creating or modifying any UI — native Swift or web — to ensure visual consistency across all OrbitDock clients.
Installation and usage
Cosmic Harbor design system for OrbitDock. Covers the full visual language: color tokens (status, feedback, tool, model, autonomy, diff, syntax), spacing (4pt grid), typography scale, corner radii, elevation/shadow/glow, opacity tiers, motion presets, icon sizing, component patterns (badges, cards, buttons, banners, session rows, composer), interaction patterns (urgency hierarchy, progressive disclosure), cross-platform layout rules (phoneCompact, pad, desktop), and accessibility standards (WCAG contrast, reduced motion, VoiceOver). Use when creating or modifying any UI — native Swift or web — to ensure visual consistency across all OrbitDock clients.
Once installed, you can use this skill by running the following command in your terminal:
skills use design-system