What problem does it solve? Generic AI-generated frontend code tends to look like every other SaaS landing page: Inter font, heavy drop shadows, 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 components. ## Core Features & Use Cases - Design Constraint Enforcement: Bans generic defaults like Inter/Roboto fonts, Lucide icons, heavy shadows, gradients, pill-shaped containers, emojis, and AI copywriting clichés. - Component Specifications: Provides exact rules for bento grids, buttons, tags, accordions, keystroke UIs, and faux-OS window chrome with precise hex values, border radii, and spacing. - 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 a warm off-white canvas, serif hero headings, 1px #EAEAEA borders, muted pastel accents, and gentle fade-in animations without manual design cleanup. ## Quick Start Use the minimalist-ui skill to build a landing page for my product with a bento feature grid and editorial typography.
