$ loading_
Capture rendered UI, spot design drift, and generate actionable redesign diffs.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "tell-ai-ui-critic" yet — see the docs or source repo.
Analyze the rendered settings page screenshot and identify anything inconsistent with the core brand style. List issues by color, spacing, border radius, typography hierarchy, and button states, then provide fix recommendations.
A categorized list of design issues with corresponding UI fix recommendations.
Redesign this login page based on the art direction “more modern, lighter, and more professional.” Keep the current structure and copy, but improve colors, card shadows, input styling, and the primary button, then output a redesign diff.
A redesign diff describing specific visual changes that can guide implementation.
Review the rendered component showcase page and point out any signs of low-quality design, such as unstable alignment, inconsistent states, or confusing hierarchy, then rank them by severity.
A UI quality diagnosis report ranked by severity to help the team prioritize fixes.
Let Cursor AI read and edit Figma files through MCP automation.
Route prompts intelligently, optimize AI costs, and track team usage in Cursor.
Access design system docs to deliver accurate UI component and pattern guidance.
Build, inspect, audit, and fix UI across frameworks end to end.
Turn Claude Desktop into a Cursor-like assistant for coding and codebase operations.
Provide AI coding tools with live UI annotations, screenshots, and structured context.