What problem does it solve? Generic AI-generated frontend code tends to look like every other SaaS landing page: Inter font, heavy drop shadows, bright gradients, and clichéd copy. This Skill enforces a strict design protocol so generated HTML, React, Tailwind, or Vue code follows a refined editorial aesthetic with warm monochrome colors, typographic contrast, and flat bento-grid layouts. ## Core Features & Use Cases - Design Constraint Enforcement: Bans generic defaults like Inter/Roboto fonts, Lucide icons, heavy Tailwind shadows, gradients, pill-shaped containers, emojis, and AI copywriting clichés. - Detailed Component Specifications: Defines exact rules for bento grids, buttons, tags, accordions, keystroke UIs, and faux-OS window chrome, including border colors, radii, and padding values. - Typography & Color System: Prescribes serif/sans/mono font stacks, off-black text colors, warm off-white backgrounds, and muted pastel accents for semantic highlights. - Subtle Motion Guidelines: Specifies scroll-entry fades, staggered reveals, and ambient background motion using transform/opacity only. - Use Case: Ask for a pricing page or portfolio site and receive production-ready markup that looks like a premium editorial product rather than a template. ## 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.
