← ClaudeAtlas

minimalist-uilisted

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
wedabro/bro-skills · ★ 2 · Web & Frontend · score 71
Install: claude install-skill wedabro/bro-skills
# Protocol: Premium Utilitarian Minimalism UI Architect ## Scope Use this only as a mutually exclusive style preset when the user asks for a clean editorial or warm-minimal direction. Pair it with `design-taste-frontend` for implementation; do not combine it with `industrial-brutalist-ui` or another competing visual preset. ## 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 se