Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table. Covers visual hierarchy, spacing, typography, colour & contrast, component states, motion, responsiveness, accessibility, multi-page flow & navigation, and interaction continuity — grounded in Refactoring UI and Emil Kowalski's principles. For animation/jank/FPS, focus order, and cross-page UX it can drive Chrome via chrome-devtools-mcp to capture what a screenshot can't. Trigger when the user asks to "review this UI", "design review", "critique this component/screen/page or multi-page flow", asks why something "looks off", "looks AI-generated", or "looks like a wireframe", or wants to raise visual polish. For building UI from scratch use web-taste; for the full animation set see emilkowal-animations.
Explorer les skills
Des workflows originaux pour sites web, images, présentations et animations.
Claude-Mem Design Is
Audit a design against Dieter Rams’ ten principles, score cited evidence, and hand off a concrete design improvement plan.
Review a design document for clarity, design risks and implementation readiness.
Turn vague UI feedback into focused changes using practical heuristics for spacing, typography, color, hierarchy, icons and interaction.
Oil UI
Explore and refine interface design through visual directions, same-screen style comparisons, screenshot review, and runnable UI deliverables.
Diagnose interface issues, make scoped visual improvements, and verify regressions through a three-phase workflow with persistent Markdown reports.
Review mobile and desktop interfaces against topic-routed Apple Human Interface Guidelines, with findings and fixes adapted to the application's framework.
Two workflows for visual UI feedback: connect the Agentation toolbar to a React or Next.js project, then add specific design-review annotations in a visible desktop browser.
Review a page in a visible desktop browser and add specific design critiques through Agentation, checking that each annotation was saved.
Une petite bibliothèque créée avec soin. D’autres skills arrivent bientôt.