design-utilitarian

What problem does it solve?

It prevents web UI designs from becoming slow, decorative, and vague by enforcing an information-dense, server-first, table-and-spec oriented layout that reads like product documentation.

Core Features & Use Cases

• Information density rules: prioritizes compact spacing, tight typography, and visible key actions/specs so users can compare and decide without hunting.
• Data-first layout guidance: recommends tables for comparison-driven content and inline forms with inline validation errors instead of modal-heavy flows.
• Performance and UX constraints: forbids animation tax (no skeleton loaders, no scroll-jacking, no marketing copy in product surfaces) while allowing practical affordances like focus rings and fast disclosures.
• Concrete implementation defaults: provides Tailwind-friendly layout patterns (containers, sections, tables, buttons, form fields) and a Tailwind v4 theme direction (two-color palette, neutrals, sharp radii, mono tabular numbers).
• Component selection heuristics: guides shadcn component choices to avoid decorative widgets when a simple control fits the spec-first workflow.

Quick Start

Ask the AI to apply the McMaster-Carr utilitarian design ethos to your UI by specifying layout, component choices, and CSS/Tailwind defaults for your page’s data and forms.