What problem does it solve? Generic AI-generated web interfaces tend to look identical: default fonts, heavy shadows, gradients, and clichéd copy. This Skill enforces a strict design protocol so generated HTML, React, Vue, or Tailwind code follows a refined editorial aesthetic with warm monochrome colors, typographic contrast, and flat bento-grid components. ## Core Features & Use Cases - Design Constraint Enforcement: Bans generic defaults like Inter/Roboto fonts, heavy drop shadows, gradients, pill-shaped containers, emojis, and AI copywriting clichés. - Component Specifications: Provides exact styling rules for bento grids, CTA buttons, tags, accordions, keystroke UIs, and faux-OS window chrome, including precise hex colors and border values. - Motion Guidelines: Defines subtle scroll-entry animations, hover states, and staggered reveals using transform and opacity only. - Use Case: Ask for a landing page or dashboard, and receive frontend code with editorial serif headings, off-black body text, 1px light-gray borders, muted pastel badges, and generous whitespace without manual design cleanup. ## Quick Start Use the minimalist-ui skill to build a landing page for a deadline management product with a bento feature grid and editorial typography.
