monochromatic-ui

What problem does it solve? Designing a cohesive single-color interface is difficult because developers often guess hex codes, break hue discipline with accent colors, or use pure black shadows that clash with the palette. This Skill provides a strict, math-based approach to building monochromatic UIs using HSL/HSV color models. ## Core Features & Use Cases - Palette Generation via HSL/HSV: Defines tints, tones, and shades of one base hue using CSS hsl(), SwiftUI Color(hue:saturation:brightness:), Flutter HSVColor, React Native HSL strings, and Jetpack Compose Color.hsv(). - Cross-Platform Code Examples: Provides ready-to-adapt component implementations (cards, buttons, text hierarchy) for Web/CSS, SwiftUI, Flutter, React Native, and Jetpack Compose. - Design Discipline Rules: Enforces tinted shadows, font-weight-based hierarchy, and texture-over-color differentiation, with explicit do's and don'ts. - Use Case: A developer building a deep-blue themed dashboard can copy the CSS custom properties or Compose code to produce an accessible, hue-consistent interface without picking colors manually. ## Quick Start Ask the AI to build a monochromatic UI screen or component in your target framework using a single base hue of your choice.