What problem does it solve? Generic AI-generated frontend code tends to look like every other SaaS landing page: 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, document-style aesthetic without manual design corrections. ## Core Features & Use Cases - Strict Design Constraints: Bans generic defaults like Inter/Roboto fonts, Lucide icons, heavy drop shadows, gradients, pill-shaped containers, emojis, and AI copywriting clichés. - Complete Design System: Defines typographic hierarchy (sans, editorial serif, monospace), a warm monochrome palette with muted pastel accents, and precise component specs for bento grids, buttons, tags, accordions, and keystroke UIs. - Subtle Motion Rules: Prescribes scroll-entry fades, staggered reveals, and ambient background motion using only transform and opacity for performance. - Use Case: Ask for a landing page or dashboard and receive code with 1px #EAEAEA borders, generous macro-whitespace, tight-tracked serif hero headings, and realistic placeholder content instead of Lorem Ipsum. ## 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.
