Analyze user interface designs for clarity, hierarchy, spacing, typography, and accessibility.
npx skills add https://github.com/blakeox/llm-skills --skill ui-designer-blakeox
Please help me install this Agent Skill. Skill: ui-designer Source: https://github.com/blakeox/llm-skills/tree/main/skills/ui-designer Command: npx skills add https://github.com/blakeox/llm-skills --skill ui-designer-blakeox
This Skill helps designers and developers create visually coherent and hierarchically organized user interfaces, reducing confusion and improving user experience.
Describe your UI screenshot or mockup to the AI for instant critique and suggestions.
High-intent search queries and answers about installing and using this skill.
To get a UI design critique, describe your dashboard, form, or mobile screen mockup to receive actionable feedback on visual hierarchy, spacing, typography, and accessibility. This analysis identifies inconsistencies and clutter to help streamline interface elements and improve overall readability.
Improving visual hierarchy and spacing in a dashboard involves applying heuristic rules and design principles to advise enhancements. The process analyzes your interface to identify inconsistencies, suggesting specific ways to streamline elements, enhance interaction clarity, and establish a coherent visual balance.
Yes, UI pattern analysis applies to mobile screens and websites. By evaluating your design against consistent component guidelines, the review identifies clutter and inconsistencies, providing specific recommendations to streamline elements and clarify interactions across various interface formats.
Accessibility is a core focus of UI and UX reviews for forms, ensuring interaction clarity and readability for all users. The analysis applies heuristic rules to evaluate your interface, advising enhancements that make form elements visually coherent, logically organized, and accessible.
Automated design critique relies on heuristic rules and consistent component guidelines rather than interpreting complex user emotions or brand context. While it effectively advises on visual hierarchy, spacing, and accessibility, it should complement, not replace, holistic human design judgment for highly nuanced interfaces.
rknallEvaluate UI/UX designs for WCAG 2.1/2.2 accessibility and usability issues.
omanjayaProvide typography, color, spacing, and motion guidelines for web UI design.
nidhalboumaiza-0Convert UI style requirements into frontend code with a tokens-first design system.
mostafasudoAudit source code for visual inconsistencies, spacing, and hierarchy issues.
