CodeSavvy

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

CodeSavvy is the ultimate lightweight developer toolbox extension designed for web developers, QA engineers, and content creators. Take control of any webpage in real time, streamline your debugging workflow, and boost your text-editing productivity with local AI integrations. 🚀 KEY FEATURES 🛠️ Webpage Manipulation & Editing Tools • Unlock Elements: Instantly remove disabled, readonly, and aria-disabled attributes from buttons, inputs, and form controls. It also bypasses CSS pointer-events: none and user-select: none styles, removes CSS classes containing "disabled", and sets contenteditable="true" inline • Remove Input Limits: Clear character restrictions (maxlength) on any text field with a single click. • Reveal Passwords: Instantly convert password fields into plain readable text for debugging. • Toggle Edit Mode: Enable designMode to edit any text directly on the webpage for layout mockups. • Change Font: Instantly apply Google Fonts or system typography to the page using organized categories (Sans-Serif, Serif, Monospace, and Display / Handwriting) with inline styled visual previews. • Force Right-Click Bypass: Instantly re-enable right-clicks on pages that block or disable the native browser context menu. • Force User Selection: Override CSS and event listener restrictions to select text freely, recursively penetrating shadow DOM roots. • Force Copy & Paste: Intercept and bypass restrictions blocking copy, cut, or paste actions on forms and pages. 🤖 AI-Powered Text Actions & Custom Presets Right-click on any selected text to trigger context-aware AI text actions grouped neatly under the single top-level "CodeSavvy Text Tools" context menu using your choice of Google Gemini models: • Latest Gemini Models & Categories: Select between Gemini models organized into clean tiers: Flash Lite (Fastest & Free Tier), Flash (Balanced), and Pro (High Reasoning), with Gemini 3.5 Flash Lite set as recommended default. • Custom Presets & Drag-and-Drop Reordering: Create, edit inline, or remove custom right-click prompt items. Easily reorder your presets using Drag & Drop handles or Move Up/Down arrow buttons. Changes register under your right-click context menu upon saving. • Built-in Enhancers: - Improve Text: Grammatical cleanup. - Advanced Edit: Clarity, readability, and structural phrasing improvements. - Professional: Convert selections into standard business format. - Prompt Engineer: Turn rough notes into structured prompts. - Make Casual: Rewrite selections to be friendly, casual, and conversational. - Add Humor & Roasted: Add lighthearted fun or brutally sarcastic reviews. • Test Connection: Quick validator button in settings to confirm API Key and Model configuration. 📋 AI Transformation History Log & Privacy Controls Access a dedicated tab directly inside the extension popup to manage past transformations: • Before/After View: Inspect original and modified text in clean code-block text sections. • Quick Clipboard Copy: One-click "Copy Original" and "Copy Enhanced" buttons with instant toast notification feedback. • Incognito Mode: Toggle Incognito Mode from the popup header to pause history logging on demand, or disable history logging completely in settings. • Auto-Delete Retention: Set auto-cleanup rules to automatically purge history entries older than 1 day, 3 days, 1 week, 1 month, or a custom duration. • Log Control: Clean individual entry cards or click "Clear History Logs" in settings with an inline confirmation modal to purge transformation logs. 💾 Backup & Restore Settings • Export Settings: Download extension options, themes, and custom prompts into a .json backup file (API key excluded for privacy). • Import Settings: Upload a .json backup file to restore your settings and presets automatically across browsers and devices. • Factory Reset: Reset all options, custom presets, and API key to factory defaults with inline safety confirmation. ⚡ Productivity Utilities & Visual Toasts • Toast Notifications: Modern glassmorphic stacked container providing instant animated entrance/exit feedback (success/error/info indications) for actions, togglable inside settings. • Restricted Page Warning: Alerts you via toasts if tools are run on restricted chrome:// or edge:// pages. • Clear Cache & Reload: Empty cache and refresh target tab instantly. • Take Screenshot: Capture active visible area and download as PNG. • Fullscreen Mode: Expand page to screen dimensions. 🎨 Modern Appearance & Theme Accent Colors • Theme Mode: Choose Light Mode, Dark Mode, or "System Preference" matching your browser theme. • Theme Accent Color Presets: Personalize the extension with 7 vibrant accent color themes (Amber Yellow, Sunset Orange, Emerald Green, Ocean Cyan, Electric Violet, Neon Rose, or Classic Indigo). • Dynamic Extension Toolbar Icon: The extension icon in your Chrome browser toolbar dynamically updates its color and renders the vector logo SVG with your active theme color gradient! 🔒 PRIVACY & SAFETY FIRST • History Privacy Options: Complete control over transformation history—choose Always Save, Incognito, or Disabled, with custom auto-delete retention periods. • Safe API Storage: Keys are stored securely in local browser storage and never exposed to host pages. • No Remote Code: 100% locally bundled code compliant with MV3 security. • Zero Data Collection: We do not track, capture, or store your private data. Elevate your browser development capabilities. Install CodeSavvy today!