← ClaudeAtlas

review-uilisted

UI/UX-focused review. USE WHEN: user runs /review-ui or explicitly asks for this review. DO NOT USE WHEN: implementing features or fixing bugs unless the user asked for a review.
louisbrulenaudet/monorepo-template · ★ 19 · Web & Frontend · score 79
Install: claude install-skill louisbrulenaudet/monorepo-template
# Review UI Run a **UI/UX-focused** review: Tailwind usage, responsive design, dark mode, accessibility (WCAG 2.2 AA), component patterns, layout stability, typography, color contrast, and motion (respecting reduced-motion). Your reply must be a **plan of suggested changes**: concise, actionable, and structured-not only prose. ## Invocation Text after the slash command is additional scope/focus - narrow the review accordingly. If none given, use the default scope described below. ## Best practices alignment - **Tailwind** - Utility-first; use theme tokens (colors, spacing, typography) from [apps/front-app/src/index.css](../../../apps/front-app/src/index.css) and [apps/front-app/src/App.css](../../../apps/front-app/src/App.css); avoid arbitrary values when a utility exists; consistent spacing scale. - **Responsive** - Mobile-first; breakpoints (sm, md, lg) used consistently; no horizontal scroll on small viewports; touch targets at least 44×44px. - **Dark mode** - All pages and components support dark theme; no hardcoded light-only colors; contrast and readability in both themes. - **Layout stability** - No CLS from images (width/height or aspect-ratio); consistent typography scale; route or CSS transitions smooth and optional (respect prefers-reduced-motion). - **Component patterns** - Consistent buttons, links, and form controls; loading and error states; no content-only reliance on color or shape. Align with root [AGENTS.md](../../../AGENTS.md) and app AGENTS.md for