Analyze UI screenshots for usability, accessibility, and design pattern issues.
npx skills add https://github.com/MadAppGang/magus --skill ui-analyse
Please help me install this Agent Skill. Skill: ui-analyse Source: https://github.com/MadAppGang/magus/tree/main/plugins/designer/skills/ui-analyse Command: npx skills add https://github.com/MadAppGang/magus --skill ui-analyse
This skill helps identify visual and usability issues in user interfaces by leveraging advanced AI multimodal capabilities, without making any code changes.
Analyze the provided UI screenshot for usability issues, focusing on visual hierarchy, affordances, and consistency.
High-intent search queries and answers about installing and using this skill.
To perform a UI accessibility and usability audit, you upload a screenshot and specify focus areas like visual hierarchy or affordances. The tool analyzes the image to detect design pattern issues and provides actionable recommendations with severity levels.
Yes, visual analysis can identify specific UI design pattern issues by evaluating screenshots for poor hierarchy, lack of affordances, and contrast problems. It scopes the analysis to targeted areas and highlights anti-patterns affecting usability.
Yes, this UI visual analysis requires Gemini multimodal capabilities to accurately interpret images. It relies on Gemini provider detection and specific prompting patterns to evaluate visual hierarchy and consistency without making code changes.
The best way to check visual hierarchy and affordances is to analyze an app interface screenshot using multimodal visual evaluation. This process detects usability issues, scopes analysis to consistency, and outputs severity guidelines for identified problems.
To get actionable recommendations for poor contrast and usability issues, upload your UI screenshot for multimodal visual analysis. The evaluation detects specific accessibility problems and outputs severity guidelines detailing exactly what needs fixing.
FunnelEnvyQuery Google Gemini CLI for code analysis and codebase exploration.
adrianliechtiIdentify usability, visual hierarchy, and accessibility issues in designs from Figma URLs, screenshots, or descriptions.
delbyteCritique interfaces for AI-induced design flaws and usability issues.
nholder88Evaluate frontend UI against design-system rules for consistency and accessibility.
