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, Tailwind, or Vue interfaces follow a refined editorial, document-style visual language instead. ## Core Features & Use Cases - Design Constraint Enforcement: Bans generic fonts (Inter, Roboto), heavy shadows, gradients, pill-shaped containers, emojis, and AI copywriting clichés. - Complete Visual System: Defines typography stacks (editorial serifs, geometric sans, 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 headlines, and quiet fade-in animations rather than a generic template look. ## 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.
