Agent skill · Frontend

minimalist-ui

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

nexu95,528★ · +2,037/wk · 5 repos on radarProfile →
claude-codecodexcursorApache-2.0
Install
npx skills add nexu-io/open-design --skill minimalist-skill --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 2
SKILL.md size: 8 KB
Bundled scripts: none
Path: skills/minimalist-skill/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 83,577 · +1,339 this week
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# 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 b

What's inside
Steps it walks through
  1. 1. Protocol Overview
  2. 2. Absolute Negative Constraints (Banned Elements)
  3. 3. Typographic Architecture
  4. 4. Color Palette (Warm Monochrome + Spot Pastels)
  5. 5. Component Specifications
  6. 6. Iconography & Imagery Directives
  7. 7. Subtle Motion & Micro-Animations
  8. 8. Execution Protocol
Ships with 1 file
  • LICENSE
More from open-design
All skills →
About this skill
What does the minimalist-ui skill do?

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

How do I install it?

Run `npx skills add nexu-io/open-design --skill minimalist-skill --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going