Ved Studio Extensions
Two free Chrome extensions that speed up design and testing — made to pair with Ved Studio. No account, no tracking, everything runs on your computer.
UI → Prompt v1.9.0
Scan any website and turn its UI + features into a ready-to-paste prompt for an AI website builder.
Point it at any site and it reads every page — the brand, colours, fonts, exact design tokens, navigation and each page's real sections, headlines, buttons, forms and content — then writes one clean prompt you can paste straight into Ved Studio to recreate the whole site. It can also inspect any element for its CSS/Tailwind, and download a site offline.
- Whole-site scan with live per-page progress
- Exact design tokens, CSS variables, fonts & gradients
- Real page content — titles, prices, dates, images
- ✨ AI polish with full-page screenshot (Gemini built-in)
- Fit to 6000 chars · English or हिंदी output
- 🔍 Inspect element → copy CSS or Tailwind
- ⬇ Download a whole site offline (.zip)
- One-click “Copy & open Ved Studio”
Responsive Viewport Simulator v1.9.0
Preview and test any website across 40 device sizes at once — phones, tablets, laptops and desktops.
See one site in many real device frames side by side, with synced scroll and clicks. Pick from 40 presets or add custom sizes, rotate, zoom, emulate a mobile browser, apply colour-blind / grayscale filters, run breakpoint and responsive checks, and capture or export every screen.
- 40 device presets, by category + custom sizes
- Real device frames · rotate · zoom · fit-width
- Synced scroll & clicks across all screens
- 📱 Mobile-UA emulation for true mobile layouts
- Grayscale / blur / colour-blind filters
- Breakpoint Test & draggable Responsive Check
- Screenshots, Export All (ZIP), live auto-reload
- Save presets · export/import settings · share view
How to install (same for both)
- Download the
.zipabove and unzip it to a folder. - Open
chrome://extensionsin Chrome or Edge. - Turn on Developer mode (top-right toggle).
- Click Load unpacked and choose the unzipped folder.
- Pin the extension and open it on any website. 🎉
These are unpacked developer builds — Chrome may show a “Developer mode extensions” note; that’s normal. For design reference and recreating sites you’re allowed to.