UI/UX Design

Design quality is the top identity; web implementation is how it lands.

Reference Router

Read only what the task needs:

references/design-quality.md: visual design, UX review, accessibility, responsive layout, typography, forms, charts, and polish checks. For exact polish values (concentric radius, surface shadows, a 0.96 press scale, icon cross-fades), load vd:better-ui and use the numbers written there. For whether motion should exist, easing, springs, popover origin, and drag, load vd:design-eng.
references/style-taxonomy.md: 40+ named styles with best-for/avoid guidance, dashboard sub-styles, and the product → style → tokens selection workflow.
references/palettes-and-fonts.md: semantic-token color palettes by product type and Google-Font pairings by mood (with CJK/RTL coverage).
references/tailwind-shadcn.md: shadcn/ui + Tailwind idioms - setup, CSS-variable theming, dark mode, responsive, component/form/table patterns, and the Web Interface Guidelines review pass.
references/app-frameworks.md: React, Next.js App Router, Server/Client Components, caching, monorepos, icons, and frontend architecture.
references/tanstack.md: TanStack Router, Query, Form, Table, Start, and when to choose them.
references/testing.md: Vitest, Testing Library, Playwright, accessibility, visual regression, performance, cross-browser, CI, and release checks.
references/threejs.md: Three.js, GLTF, WebGL/WebGPU, animations, interaction, performance, and browser verification.