skills.rest
officebeats
officebeatsCOMMUNITY
Explore all skills by this author →
Website𝕏@officebeatsGitHub

ui-ux-designer

Analyze UI/UX designs for visual elements, user flows, and market positioning.

8|1|Updated Dec 28, 2025
Search Tags:#design#ui#analysis#market research#competitor analysis#ux#visual
One-click install
npx skills add https://github.com/officebeats/beats-pm-kit --skill ui-ux-designer-officebeats
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/officebeats/beats-pm-kit/tree/main/.agent/skills/ui-ux-designer
Command: npx skills add https://github.com/officebeats/beats-pm-kit --skill ui-ux-designer-officebeats

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires agno, streamlit, pillow, duckduckgo-search, and includes scripts (resource) components.

What problem does it solve?

This Skill addresses the challenge of objectively analyzing and improving UI/UX designs by providing expert-level feedback on visual appeal, user experience, and market relevance.

Core Features & Use Cases

  • Visual Design Analysis: Evaluates aesthetics, layout, color, and typography.
  • UX Evaluation: Assesses user flows, usability, and accessibility.
  • Market Insights: Provides competitive analysis and market positioning.
  • Use Case: Upload your app's latest mockups and receive a detailed report on potential usability issues and suggestions for improving visual appeal to better match market trends.

Quick Start

Use the ui-ux-designer skill to analyze the uploaded design file 'app_mockup_v2.png'.

Frequently Asked Questions about ui-ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I analyze UI UX design mockups for usability issues?▼

To analyze UI UX design mockups, you can upload image files like 'app_mockup_v2.png' to receive a detailed report on usability issues, visual appeal, and actionable suggestions for product improvement.

What is AI-powered UX evaluation and how does it assess user flows?▼

AI-powered UX evaluation assesses user flows and accessibility by using specialized agents to review multimodal design inputs, objectively measuring usability to identify friction points in the user experience.

Can I use this tool for competitor analysis on visual design and market positioning?▼

Yes, you can perform competitor analysis by providing design inputs to evaluate market positioning, compare visual aesthetics, and generate actionable recommendations to better match market trends.

Does this design analysis support multimodal input like images for visual evaluation?▼

Yes, the design analysis supports multimodal input, allowing you to upload image files so specialized agents can evaluate visual elements like layout, color, and typography.

What's the best way to get actionable recommendations for product improvement from app designs?▼

The best way to get actionable recommendations for product improvement is to upload your app mockups, which triggers a comprehensive evaluation of visual elements and UX flows to output specific suggestions.

Do I need to install specific dependencies like Streamlit or Pillow to run UI UX analysis?▼

Yes, you need to install dependencies including Streamlit, Pillow, and DuckDuckGo-search to run the UI UX analysis scripts locally and process the multimodal design inputs.

Related Skills

Explore More Design & Creative Skills→
lengo0951lengo0951

ai-multimodal

Process images, audio, and video with the Gemini API.

Community
Advanced
angelcreativeangelcreative

critique

Evaluates UI designs for UX effectiveness and AI-generated patterns.

Community
Advanced
0xobat0xobat

ai-creative-strategist

Research market trends and competitor visuals to generate creative briefs.

Community
Advanced
lord-vinayaklord-vinayak

accessibility-audit

Audit design files and UI descriptions for WCAG 2.2 AAA, Section 508, and ARIA APG compliance.

Community
Advanced