Build a Minimal Interface
Turn a generic AI frontend into a warm editorial interface: bone-and-charcoal monochrome, serif/sans/mono type contrast, flat bento grids, near-invisible borders — no gradients, no heavy shadows.
Install the skill or give me an instruction how to install it - minimalist-ui from https://github.com/Leonxlnx/taste-skill Works in Claude, Cursor, Codex & more
How it works
You write
Install it next to your coding agent and describe the frontend to build or redesign — the minimalist editorial direction is already set.
/minimalist-ui a landing page for a note-taking app It works
Enforces one system: warm monochrome canvas (#FFFFFF / #F7F6F3), off-black charcoal text, editorial serif headings against a geometric sans and monospace meta, asymmetric bento grids with 1px #EAEAEA borders, and muted pastel accents used only for tags. Bans Inter/Roboto, drop shadows, gradients, pill buttons, and SaaS copy clichés.
You get
Frontend code (HTML / React / Tailwind / Vue) with document-style calm — massive whitespace, crisp 8–12px radii, flat cards, ultra-diffuse shadows, and staggered scroll-fade entries; nothing looks templated.