Vibe Check

Real-time design feedback and vibe checks for your web apps using AI.

Vibe Check is an on-demand AI design mentor for those who do not have a solid background in design. Whether you are a frontend developer, UI/UX designer, or just building your first side project, Vibe Check instantly analyzes the design of your current webpage and provides actionable feedback to help you level up your UI. Simply open the Vibe Check side panel, click "Analyze Design", and watch as it scans the *visible portion* of your screen. In seconds, you'll get a comprehensive design review right in your browser, along with a suggested AI prompt for your vibe-coding platform to begin to implement changes based on the feedback. ✨ Key Features: 🎨 Instant Vibe Scoring: Find out if your design is "Immaculate," "Corporate," "Playful," or "Chaotic." 🔍 Detailed Analysis: Get actionable feedback on what is working well and what needs improvement regarding visual hierarchy, spacing, typography, and color schemes. ♿ Accessibility Checks: Automatically spot potential contrast issues and small touch targets. 💻 AI Fix Prompts: Instantly generates a ready-to-use prompt that you can copy and paste into your favorite AI coding assistant (like Cursor or Copilot) to automatically implement the suggested design fixes! ⚡ Bring Your Own Key: Vibe Check uses your own API keys, keeping you in complete control. We currently support Google Gemini (with OpenAI and Anthropic Claude coming soon!). 🔒 Privacy First: We respect your data. Vibe Check only captures the visible portion of your active browser tab at the exact moment you click "Check Design." We do not track your browsing history, and your screenshots are never stored, logged, or retained by us. Your API keys are encrypted and saved securely in your browser's local storage. ➡️ Future Features - More models, including ChatGPT & Claude - Chat interface for follow up questions - User profiles - Full page scanning - Annotated screenshots of your UI Feedback and suggestions welcome! =================================== 📌 What's New in Version 1.1: - Upgraded AI Models: You can now analyze your designs using the newest Gemini 3.1 multimodal models. We've also updated the default model to Gemini 3.1 Flash Lite, giving you blazing fast, high-quality feedback without burning through paid API limits. We've also designated the models that are free and don't rely on having billing set up. - Better Error Recovery: Say goodbye to cryptic API errors. If you hit an API limit or try to scan a locked-down Chrome system page, Vibe Check now tells you exactly what went wrong and how to fix it. Plus, a new "Clear and Start Over" button lets you instantly reset the tool with one click.