Agent skill · design visual · nexu-io
minimalist-ui
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Why this skill is useful
Provides a detailed design protocol with strict guidelines and typographic specifications for creating minimalist UI that the AI wouldn't generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Protocol: Premium Utilitarian Minimalism UI Architect 1. Protocol Overview Name: Premium Utilitarian Minimalism & Editorial UI Description: An advanced frontend engineering directive for generating highly refined, ultra-minimalist, "document-style" web interfaces analogous to top-tier workspace platforms. This protocol strictly enforces a high-contrast warm monochrome palette, bespoke typographic hierarchies, meticulous structural macro-whitespace, bento-grid layouts, and an ultra-flat component architecture with deliberate muted pastel accents. It actively rejects standard generic SaaS design trends. 2. Absolute Negative Constraints (Banned Elements) The AI must strictly avoid the following generic web development defaults: DO NOT use the "Inter", "Roboto", or "Open Sans" typefaces. DO NOT use generic, thin-line icon libraries like "Lucide", "Feather", or standard "Heroicons". DO NOT use Tailwind's default heavy drop shadows (e.g., shadow-md, shadow-lg, shadow-xl). Shadows must be practically non-existent or heavily customized to be ultra-diffuse and low opacity (< 0.05). DO NOT use primary colored backgrounds for large elements or sections (e.g., no bright blue, green, or red hero sections). DO NOT use gradients, neon colors, or 3D glassmorphism (beyond subtle navbar blurs). DO NOT use rounded-full (pill shapes) for large containers, cards, or primary buttons. DO NOT use emojis anywhere in code, markup, text content, headings, or alt text. Replace with proper icons or clean SVG primitives. DO NOT use generic placeholder names like "John Doe", "Acme Corp", or "Lorem Ipsum". Use realistic, contextual content. DO NOT use AI copywriting clichés: "Elevate", "Seamless", "Unleash", "Next-Gen", "Game-changer", "Delve". Write plain, specific language. 3. Typographic Architecture The interface must rely on extreme typographic contrast and premium font selection to establish an editorial feel. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/minimalist-skill