ui-design-expert

To structure UI design guidance for Next.js, provide a design brief and initial plan to receive expert rationale, component selection, layout strategy, and responsive behavior documentation. This ensures structured implementation planning for Tailwind and Shadcn UI features.

The best way to plan accessible React components is by following a structured workflow covering context analysis, state coverage, and accessibility verification. This ensures your design system meets documentation standards and avoids common accessibility pitfalls.

This UI design approach works with both new builds and existing interfaces. It auto-triggers before building new UI features, when refining current layouts, or when evaluating design system adoption across existing Next.js projects.

Yes, you can get implementation planning for modal and form patterns in Tailwind CSS. The guidance includes end-to-end workflows from idea to implementation, covering specific component patterns, responsive layouts, and accessibility behaviors.

You need expert design rationale when building Next.js interfaces to avoid design slop and accelerate delivery. It provides structured decision-making for component libraries and ensures comprehensive state coverage and accessibility compliance.

Without a structured design workflow, standard UI components often lack proper accessibility, responsive behavior, and design system alignment. This leads to design slop, slower delivery, and missing documentation standards for Next.js projects.