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 using your choice of Google Gemini models: • Choose Your Model: Select between multiple Gemini model configurations in settings (including lightweight Flash and powerful Pro variants) depending on your speed and quality preferences. • Custom Preset Prompts: Register custom right-click prompt items dynamically. Enter a menu name and system prompt instructions in settings, and it instantly loads into your right-click context menu. • 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 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 Copy: One-click clipboard copy buttons for original or modified text. • Page Restore: Push either variant ("Restore Original" or "Restore Enhanced") directly back into active selections or text inputs. • Log Control: Clean individual entry cards or perform a complete wipe via "Clear All". ⚡ 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 Settings • Dark Mode Default: Choose Light Mode, Dark Mode, or "System Preference" matching your browser theme. 🔒 PRIVACY & SAFETY FIRST • 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!