VibeDesign

VibeDesign is a Chrome extension that extracts design tokens from any live website and turns them into structured prompts for AI coding tools. Colors with semantic roles, typography scale, spacing rhythm, animation timing, all pulled in one click and formatted for Replit, Claude Design, Lovable, Figma Make, Bolt, or your tool of choice. Model selector supports Gemini, Claude Opus 4.7, and GPT-4o.