| name | less-is-more-ui |
| description | Expert minimalist web UI design principles inspired by Ludwig Mies van der Rohe, Dieter Rams, and Jony Ive. This skill is MANDATORY for designing calm, high-quality, and functional web interfaces with strong typography, structured layouts, and zero visual noise. Use this skill whenever a task involves UI, frontend, or web design, even if the user doesn't explicitly ask for "minimalism," to ensure a professional and clear result.
|
| metadata | {"tags":["ui","ux","web-design","minimalism","modernist","layout","typography","frontend"]} |
Less Is More UI
This skill helps AI agents design clean, functional and calm web interfaces.
It applies modernist design principles inspired by Ludwig Mies van der Rohe, Dieter Rams and Jony Ive.
The goal is to create interfaces that are:
- clear
- minimal
- functional
- structured
- timeless
Avoid unnecessary decorative elements. Focus on clarity, typography, structure and usability.
Bundled Resources
Use these resources to ensure a consistent, minimalist aesthetic:
scripts/reset.css: A tiny CSS reset for a clean, modernist starting point. Always include this base in your CSS generation.references/components.md: A guide for creating modernist buttons, inputs, and cards. Use these patterns instead of generic web components.
For detailed guidance consult:
principles.md: Core Mies van der Rohe and Dieter Rams concepts.design-process.md: How to iterate on a minimal design.anti-patterns.md: What to avoid (clutter, shadows, gradients).design-checklist.md: Final review before finishing.examples/: Visual reference for the desired outcome.
When to Use This Skill
Use this skill when the task involves:
- designing a web interface
- creating a landing page
- building a website layout
- improving UI clarity
- simplifying an interface
- generating a minimal frontend
- designing a dashboard or content layout
