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, interaction patterns, cross-platform layout rules, and accessibility standards. Use when creating or modifying any OrbitDock UI in SwiftUI, UIKit, AppKit, or web so changes stay visually consistent and token-driven.
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, interaction patterns, cross-platform layout rules, and accessibility standards. Use when creating or modifying any OrbitDock UI in SwiftUI, UIKit, AppKit, or web so changes stay visually consistent and token-driven.
بعد التثبيت، يمكنك استخدام هذه المهارة بتشغيل الأمر التالي في الطرفية:
skills use design-system