CodeSavvy

Developer toolbox with advanced web manipulation tools. Unlock elements, modify text, change fonts, and more.

CodeSavvy is the ultimate lightweight developer toolbox and AI assistant extension designed for web developers, QA engineers, designers, and power users. Take control of any webpage in real time, streamline your debugging workflow, inspect CSS, extract assets, generate offline QR codes, and boost productivity with Gemini AI integrations. 🚀 KEY FEATURES 🛠️ Webpage Manipulation & DOM Debugger • Unlock Elements: Remove disabled, readonly, and aria-disabled attributes. Bypasses pointer-events: none and user-select: none, strips disabled classes, and enables editing inline. • Element Zapper with Live Undo: Hover and vaporize sticky banners, overlays, and modal paywalls with interactive crosshairs, live Ctrl+Z / On-screen Undo, and root-container safety guards. • Non-Destructive CSS & Box Model Inspector: Hover over any element to view computed dimensions, font stacks, colors, margin, and padding in a floating glassmorphic HUD without touching page styles. Click to copy full CSS declaration snippets. • Smart Dark Mode: Force high-contrast dark theme on light-only websites with active status glow. • Remove Input Limits: Clear maxlength character restrictions on any text field. • Reveal Passwords: Safely convert password inputs into plain readable text. • Toggle Edit Mode: Turn designMode on to edit any text directly on the page. • Change Font: Apply Google Fonts or system typography organized by clean categories with visual previews. • Force Right-Click & Selection Bypass: Re-enable blocked context menus, text selection, and copy-paste operations. 🧠 AI Page Studio (Page Summarizer & Q&A) • TL;DR Page Summary: Generate instant executive summaries, key highlights, and reading times for any webpage with ads and clutter stripped away. • Key Takeaways & Action Points: Extract actionable insights, key statistics, and takeaways in clean markdown bullet points. • Tech Stack Breakdown: Detect libraries, frameworks, APIs, and architectures used in technical articles and repositories. • Explain Simple (ELI5): Translate complex technical jargon or dense documentation into beginner-friendly explanations. • Ask Page (Custom AI Q&A): Ask custom questions directly about the page content with grounded AI responses. • Built-in Markdown Viewer: High-contrast typography with formatted headings, code blocks, lists, and inline code tokens. 🎨 Color Studio & Native 0ms Eyedropper • Multi-Format Conversions: Real-time calculation and 1-click copying for HEX, RGB, HSL, and CSS Variables (--color: #...). • Instant Eyedropper: Instant 0ms pixel color sampler from anywhere on your screen. • Palette Swatches: 10 designer preset swatches for rapid prototyping. ⚡ Developer & Media Power Tools • Offline QR Code Generator: Generate instant offline QR codes for the active URL with 1-click link copying and PNG download. • Media & Asset Extractor: Deep-scan the tab for images, SVGs, and background assets with preview gallery and batch download. • Site Storage Wiper: 1-click clean wipe of LocalStorage, SessionStorage, and cookies strictly for the active domain. • Clear Cache & Reload: Empty browser cache and hard-refresh target tab. • Screenshot Utility: Capture the visible area of the active tab and save as PNG. • Fullscreen Mode: Expand page to full screen. 🤖 AI-Powered Text Actions & Custom Presets Right-click on any selected text to trigger context-aware AI text actions powered by Google Gemini: • Latest Gemini Models: Flash Lite (Default 3.5 Flash Lite), Flash (3.6 Flash), and Pro (3.1 Pro / 2.5 Pro). • Custom Presets & Drag-and-Drop: Create, edit inline, and reorder custom prompts with drag handles. • Built-in Enhancers: Improve Text, Advanced Edit, Professional, Prompt Engineer, Make Casual, Add Humor, and Roasted Mode. 📋 Transformation History & Data Portability • History Import & Export: Export history to .json or import/merge backup files with automatic deduplication. • Unified Settings Backup: Single-file backup and restore of settings, presets, and history. • Before/After Comparison: Side-by-side code blocks with 1-click clipboard copy. • Incognito Mode & Auto-Retention: Pause logging temporarily or configure auto-delete retention schedules. 💬 Inspirational Quote & Smart Caching • Instant 0ms Loading: Quotes are cached in local storage with a 2-hour TTL to eliminate unnecessary API requests. • Hover Controls: Sleek Copy Quote and Refresh Quote buttons fade in on hover. 🔒 PRIVACY & SAFETY FIRST • History Privacy Options: Complete control over transformation history—choose Always Save, Incognito, or Disabled. • Safe API Storage: Keys are stored securely in local browser storage and never exposed to host pages. • 100% Local Code: No remote code execution; compliant with Manifest V3 security. • Zero Tracking: We do not track, capture, or store your private data. Elevate your browser development capabilities. Install CodeSavvy today!