Vibedesign Chrome extension icon

Vibedesign

✨ AI-Powered
👥 118 users
📦 v2.0.1
💾 284KiB
📅 2026-04-27
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Screenshot

Overview

See a website you love? Extract its exact design DNA and turn it into a prompt that AI coding tools can reproduce faithfully.

VibeDesign extracts design tokens from any website (colors, typography, spacing, shadows, components) and turns them into a structured prompt you can paste into Replit, Claude Design, Lovable, Bolt, or Figma Make.

Key features:
- Optional free account for cross-device history
- Dashboard at vibedesign.tech to view and manage your analyses
- 5 free prompts per month (sign in for unlimited)
- Anonymous mode: no signup required, works out of the box

How it works:
1. Click the extension on any website
2. Analyze Page — extracts colors, typography, spacing, shadows
3. Get a ready-to-paste prompt
4. Paste into your AI coding tool

Privacy:
Your API key (Claude, Gemini, or OpenAI) is stored only in your browser. We never see or transmit it. When you sign in, the URLs you analyze and the prompts you generate are saved to your account so you can access them on other devices. Anonymous mode keeps everything local on your device.

Tags

Productivity/developer developer design productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

⏳ Security scan is queued. Check back soon.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer