What problem does it solve? Building monochrome interfaces often produces bland gray pages with weak hierarchy, muddy contrast, and generic template layouts. This Skill provides a complete design system of rules, dials, and component recipes so AI-generated UI in strict black-white-gray palettes feels sharp, authored, and production-minded. ## Core Features & Use Cases - Monochrome Design System: Enforces disciplined black-white-gray palettes, strong typographic dramaturgy, and non-color affordances for links, focus, and states. - Tunable Design Dials: Baseline DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY values control asymmetry, animation richness, and information density per request. - Component Recipe Routing: Points to shared component libraries (GSAP, Aceternity, React Bits, 21st.dev) and a Monochrome Modern section in style-recipes.md for concrete hero, motion, and layout patterns. - Use Case: Ask for a landing page for a photography studio in pure black and white; the Skill produces a Next.js page with a decisive contrast hero, editorial type scale, grayscale imagery, and precise reveal motion instead of a generic SaaS template. ## Quick Start Ask the AI to build a monochrome modern landing page for your product using this taste skill, and it will route through the pack baseline and style recipes before generating the interface.
