UI Design Expert FAQs

Question 1

What design principles does it follow?

Accepted Answer

The skill follows Shift Nudge best practices, including the 'Rule of Four' for typography scales, prioritizing visual weight over decoration, and ensuring interactive elements (buttons and links) have clearly defined states and accessibility affordances.

Question 2

What does the UI Design Expert skill do?

Accepted Answer

This skill acts as a specialized design consultant within Claude Code. It provides expert guidance for building, evaluating, and refining user interfaces based on Shift Nudge principles, focusing on systematic typography, visual hierarchy, and accessibility.

Question 3

When should I use this Claude Code skill?

Accepted Answer

Activate this skill whenever you are styling React components, reviewing layouts for better UX, implementing design systems, or checking if your interface meets WCAG AA accessibility standards. It's ideal for refining both aesthetics and usability.

Question 4

How does it improve my frontend development workflow?

Accepted Answer

It automates the design review process by providing systematic checklists for hierarchy and typography. It helps you catch common UI mistakes like excessive font sizes or poor contrast early in the coding process, reducing the need for manual design QA.

Question 5

Does it support specific frameworks like Tailwind CSS?

Accepted Answer

Yes, it is optimized for modern tech stacks including Tailwind CSS, React (including React Router v7), and shadcn/ui. It can provide specific utility class recommendations and implementation patterns for these tools.

UI Design Expert

UI Design Expert

주요 기능

사용 사례

주요 기능

사용 사례