UIFix

AI-powered UI/UX screenshot analysis tool that helps developers identify visible interface problems and improve their designs with practical recommendations.

Live Demo

https://uifix-alpha.vercel.app/

What is UIFix?

UIFix allows users to upload a screenshot of a user interface and receive an AI-generated UI/UX review.

It analyzes the visible interface and provides:

• Overall UI score
• Category-based scores
• Prioritized UI/UX issues
• Explanation of why each issue matters
• Practical improvement recommendations
• Visible UI strengths

Screenshots

Homepage

AI Analysis Result

Features

• Screenshot upload
• AI-powered UI/UX analysis
• Overall score out of 100
• Layout score
• Spacing score
• Typography score
• Accessibility score
• Visual hierarchy score
• UX score
• Prioritized issues
• Strengths detection
• Error and empty states
• New analysis flow
• Responsive interface
• Production deployment

Tech Stack

• Next.js
• React
• TypeScript
• Tailwind CSS
• Google Gemini API
• Vercel

How It Works

1. Upload a UI screenshot.
2. UIFix sends the screenshot to the AI analysis API.
3. Gemini evaluates only the visible interface.
4. The response is returned as structured JSON.
5. UIFix presents the results as scores, issues, recommendations, and strengths.

Project Structure

uifix/
├── app/
│   ├── api/
│   │   └── analyze/
│   │       └── route.ts
│   ├── page.tsx
│   └── ...
├── public/
├── package.json
└── README.md