AI SummaryWeb Vibes is a Cursor rules booster that enables developers to dynamically restyle and enhance websites with custom CSS/JavaScript modifications through a structured three-layer architecture pattern. It's ideal for rapid prototyping, design iteration, and web customization workflows.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "web-vibes — Cursor Rules" prompt rules to my project. Repository: https://github.com/BenjaminBenetti/web-vibes Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
re-code a website on the fly with vibes? madness! Or could be Genius!
Project Overview
Web Vibes is a Chrome extension that allows users to create and apply custom CSS/JavaScript "vibes" (hacks) to websites. The extension features a modern popup interface with gradient themes and a comprehensive settings system.
1. Material Icons Usage
ALWAYS use Material Icons for interactive elements: `html <!-- Settings button --> <span class="material-icons">settings</span> <!-- Back button --> <span class="material-icons">arrow_back</span> <!-- Checkmarks --> <span class="material-icons">check</span> `
2. Async/Await Usage
ALWAYS use async/await, never Promises directly: `javascript // Good async getAllSettings() { return await this.repository.getSettings(); } // Bad getAllSettings() { return this.repository.getSettings().then(settings => settings); } `
1. Adding New Features
• Create Model class with proper validation • Create Repository class for storage operations • Create Service class for business logic • Update HTML with proper script loading • Add UI components following Material Design • Update CSS with theme support if needed
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts