CRX id
aecnlfocmkahggcchmfbdgcmlcdonpdk
aecnlfocmkahggcchmfbdgcmlcdonpdk
Description from extension meta
Fine-tune Tailwind CSS visually, then generate precise prompts for Cursor and other AI coding tools.
Image from store
Description from store
Vibe Tuner is a Chrome extension designed specifically for developers and designers working with Tailwind CSS. It provides a visual interface to fine-tune UI elements directly on webpages, then generates precise prompts for AI coding tools like Cursor, Lovable, GitHub Copilot, and Claude.
The extension works by allowing users to click on any element on a webpage to select it, then opens a floating editor where they can modify Tailwind CSS classes with live preview. Once satisfied with the changes, users can generate detailed prompts that describe the modifications, which can then be fed into AI coding assistants for implementation in their actual codebase.
This bridges the gap between visual design iteration and AI-assisted code generation, making it easier for developers to communicate styling intentions to AI tools with precision and context.
Latest reviews
- (2025-08-11) Marta Herget: Absolutely love Vibe Tuner! :) This Tailwind CSS Visual Editor is a total game changer for me. It makes tweaking styles so easy, intuitive, and actually fun! I can instantly see the results as I adjust colors, spacing, and layouts, without digging through endless class names. The UI is super clean, and everything feels smooth and responsive. Vibe Tuner has genuinely sped up my workflow and made designing in Tailwind feel way more creative. If you use Tailwind, this is a must-have tool.
Statistics
Installs
0
history
Category
Rating
0.0 (0 votes)
Last update / version
2025-08-09 / 1.0.0
Listing languages
en