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 output follows a refined editorial, document-style aesthetic. ## Core Features & Use Cases - Design Constraint Enforcement: Bans generic defaults (Inter, Lucide icons, heavy shadows, gradients, pill-shaped containers, emojis, AI copywriting clichés) and replaces them with specific alternatives. - Concrete Design System: Defines exact typography stacks, a warm monochrome palette with muted pastel accents, bento-grid card specs, button styles, and iconography rules. - Motion Guidelines: Prescribes subtle scroll-entry animations, staggered reveals, and performance-safe transform/opacity transitions. - Use Case: Ask for a pricing page or portfolio site and receive code with crisp 1px borders, generous whitespace, serif hero headings, and quiet micro-animations instead of a generic template look. ## Quick Start Use the minimalist-ui skill to build a landing page for a photography portfolio with a bento grid and editorial typography.
