What problem does it solve? Frontend code generated by AI often defaults to generic SaaS aesthetics — Inter fonts, heavy drop shadows, gradients, and clichéd copy. This Skill enforces a strict design protocol so generated HTML, React, Vue, or Tailwind output follows a refined, editorial, ultra-minimalist visual language. ## Core Features & Use Cases - Design Constraint Enforcement: Bans generic typefaces (Inter, Roboto), heavy shadows, gradients, pill-shaped containers, emojis, and AI copywriting clichés. - Complete Design System: Defines typography hierarchies (editorial serifs, monospace), a warm monochrome palette with muted pastel accents, and precise component specs for bento grids, buttons, tags, accordions, and keystroke UIs. - Motion Guidelines: Specifies subtle scroll-entry animations, staggered reveals, and hover micro-interactions using transform and opacity only. - Use Case: Ask for a landing page or dashboard, and receive code with 1px #EAEAEA borders, generous macro-whitespace, tight-tracked serif headings, and desaturated pastel badges instead of generic template styling. ## Quick Start Use the minimalist-ui skill to build a landing page for a note-taking app with a bento feature grid and editorial typography.
