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 your page. 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 captures your active browser tab (including full-page, below-the-fold content) 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. We do not sell your data or use it for personalized advertising. 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 - Design Redlining Enhancements Feedback and suggestions welcome! =================================== 📌 What's New in Version 1.2: - Full-Page Capture: Vibe Check now captures your entire page — not just the viewport — so the AI can analyze your full layout, below-the-fold content, and overall page flow. - Redlined Screenshots: Get AI-generated annotated screenshots that visually highlight specific design issues, making it easier than ever to pinpoint exactly what needs fixing. - Add Your Own Context: Before running an analysis, you can now provide optional context like "this is a SaaS landing page" or "focus on mobile responsiveness" to get more targeted, relevant feedback. - Onboarding for New Users: First-time users are now greeted with a friendly setup guide instead of a blank panel — no more guessing where to find the API key settings. - Snappier Capture Animation: We replaced the old scanning line with a quick border flash and "Page captured" toast for a faster, cleaner feel. - Secure API Key Transmission — Fixed a security issue where Gemini API keys were being transmitted as URL query parameters instead of secure HTTP headers. 📌 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.