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