CodeSavvy v2.4.4.5
๐Ÿš€ RELEASE v2.4.4.5 โšก FREE AI: 50/DAY & 5/MIN BURST โšก PERSISTENT SITE ZAPPER ๐Ÿ›ก๏ธ 5 MINIMAL PERMISSIONS

Interactive User Guide & Live Testing Sandbox

Every box below is a live, interactive testing fixture. Open the CodeSavvy extension popup (or right-click selected text) right here on this page to test AI writing, persistent element zapping, restriction unlocking, and CSS inspection in real time.

โœ๏ธ Test AI Writing Now โšก Test Persistent Zapper ๐Ÿ”“ Test Page Unlockers ๐Ÿ“œ View v2.4.4.5 Changelog
1
Zero-Setup Free AI + Optional Gemini Pro

CodeSavvy works instantly out of the box with 50 free AI requests/day (up to 5 requests/minute burst limit) and unlimited developer quotesโ€”zero API key or signup needed! Want unlimited requests and Gemini Flash/Pro models? Add a personal Google Gemini key anytime in Settings.

โœ“ 50 Free/Day โœ“ 5 Req/Min Burst โœ“ 22 Languages
2
Enable Keyboard Shortcuts (1-Minute Setup)

Chrome often leaves extension shortcuts unassigned by default to avoid conflicts. Click the โŒจ๏ธ icon in the CodeSavvy popup or paste chrome://extensions/shortcuts into your address bar to bind your favorite keys:

Favorite AI (โ˜…)Ctrl+Shift+L
Unlock ElementsCtrl+Shift+E
Live Edit ModeCtrl+Shift+Y
Hard ReloadCtrl+Shift+R
3
Pin to Toolbar & Test Live Arenas

Click the Extensions puzzle icon (๐Ÿงฉ) in the top-right of Chrome and pin CodeSavvy. Each tool card below has a reactive ๐Ÿงช Live Test Arena whose status indicator turns โœ“ Green the moment CodeSavvy modifies it!

Made changes? Reset anytime:
Showing all 16 interactive tools
โœ๏ธ

1. Smart AI Writing Assistant, Text Utilities & Page Studio

Zero-setup Free AI (50/day, 5/min burst) + Google Gemini support, Safe Multi-Element Guard, 8 case converters, and Arabic โ†” English keyboard fixer.
โœ๏ธ

Smart AI Writing Assistant & Instant Text Utilities

Right-Click Selected Text โ€ข Favorite Shortcut: Ctrl+Shift+L (when set in Shortcuts)
Zero API Key Required Safe Multi-Element Guard

Select text inside any input field, textarea, rich-text editor, or webpage paragraph and right-click (or press your favorite shortcut) to transform it:

  • 7 Built-in AI Modes: Improve Text (โ˜… Default Favorite), Advanced Edit, Enhance Professionally, Make Casual, Prompt Engineer, Add Humor, and Roasted Modeโ€”plus unlimited custom right-click presets in Settings.
  • Protected Terms & Global Instructions: Lock brand names, technical identifiers, or version numbers in Settings so the AI never alters them, and set persistent dialect/tone rules.
  • Safe Multi-Element Guard: Highlighting across multiple paragraphs or pressing Ctrl+A? CodeSavvy automatically copies the refined result to your clipboard and opens an isolated Shadow DOM preview card so page layouts never break.
  • 8 Instant Offline Case Converters & Highlighter: Transform selections into Sentence case, lower case, UPPER CASE, Capitalized Case, aLtErNaTiNg cAsE, InVeRsE CaSe, Title Case, or Slugify (url-slug)โ€”or highlight key text on the page.
  • Arabic โ†” English Keyboard Layout Fixer: Typed a sentence with the wrong keyboard layout active? Convert mistyped Arabic/English characters in place with one click.
๐Ÿงช Live Test Arena: AI Writing, Case Conversion & Arabic/English Fixer
4. Multi-Paragraph Guard Target

First paragraph: Select across both of these paragraphs at once and run an AI action.

Second paragraph: CodeSavvy's Safe Multi-Element Guard will open an isolated preview card so this card layout stays intact!

๐Ÿ‘‰ How to Test: Highlight text inside any box above โ†’ Right-click โ†’ Choose CodeSavvy โ†’ Try Improve Text, Roasted Mode, Title Case / Slugify, or Convert Arabic/English!
๐Ÿง 

AI Page Studio (Instant Summaries & Webpage Q&A)

Popup: Power Tab โ†’ AI Page Studio
Works with Free AI & Gemini 5 Analysis Modes

Extracts the core readable content of the active webpage and generates structured Markdown insights inside the popup:

  • โšก TL;DR Summary: 2โ€“3 sentence executive overview, key highlights, and estimated reading time.
  • ๐Ÿ“Œ Key Takeaways: Actionable bullet points, metrics, and core conclusions.
  • ๐Ÿ’ป Tech Stack Breakdown: Identifies frameworks, libraries, APIs, and architecture patterns mentioned on the page.
  • ๐Ÿ‘ถ Explain Simple (ELI5): Translates dense technical jargon into beginner-friendly language.
  • ๐Ÿ’ฌ Ask Page Anything: Ask custom questions grounded directly in the current page's text.
๐Ÿงช Live Test Arena: Engineering Benchmark Article (Target for AI Page Studio)
Open Popup โ†’ AI Page Studio

Scaling High-Throughput Edge Architectures with WebAssembly & GraphQL

Modern microservices face serialization bottlenecks across multi-region databases. In this benchmark, we deployed a Rust-based WebAssembly (Wasm) micro-runtime alongside an Apollo GraphQL federated gateway running on Cloudflare Workers.

Benchmark Results: P99 tail latency dropped from 240ms to 18ms, Redis cache hit rates reached 94.2%, and cold-start times fell by 86% across 14 edge regions while PostgreSQL connection pooling via PgBouncer sustained 50,000 req/sec.

Referenced Stack: Rust, WebAssembly, Apollo GraphQL, Cloudflare Workers, Redis, PostgreSQL, PgBouncer, Docker.
โšก

2. Persistent Element Zapper & DOM Unlockers

Declutter websites forever at document_start, unlock disabled inputs, strip character limits, and unmask password fields.
โšก

Persistent Element Zapper (Per-Website Memory & Spotlight Preview)

Popup: Tools Tab โ†’ Element Zapper โ€ข Undo: Ctrl+Z โ€ข Exit: ESC
NEW: Saves Per Website Zero-Flicker document_start

Point and click to vaporize annoying cookie walls, sticky headers, floating chat widgets, and newsletter overlays forever:

  • Persistent Per-Site Memory (Save: ON): Saved selectors are automatically injected at document_start on every future visit to that domainโ€”meaning distractions vanish with zero flicker and zero layout shift.
  • Translucent Glasses HUD & Live Undo: See and click right through the floating glassmorphic HUD, press Ctrl+Z to undo removals on the fly, or open the Rules Drawer to inspect saved selectors.
  • Pulsing Spotlight Beacon: Manage saved domains from the Popup or Settings pageโ€”click the eye icon next to any rule to scroll to and highlight the hidden element on the live page with a pulsing spotlight!
๐Ÿงช Live Test Arena: 3 Zappable Distraction Targets
โ— 3 Distractions Active
๐Ÿช Fake Cookie Consent Wall

"Accept 482 ad-tracking partners to continue reading!"

๐Ÿ“ข Fake Newsletter Popup

"Sign up for our daily spam blast to unlock this page!"

๐Ÿ’ฌ Floating Promo Widget

"Need help? Chat with our AI sales bot right now!"

๐Ÿ‘‰ How to Test: Click CodeSavvy Popup โ†’ Element Zapper, click any target card above to vaporize it, then press Ctrl+Z to undo or reload the page to see persistent auto-hiding!
๐Ÿ”“

Unlock Disabled Elements

Popup: Tools Tab โ†’ Unlock Elements โ€ข Shortcut: Ctrl+Shift+E (when set)
DOM & CSS Unlocker

Strips disabled, readonly, and aria-disabled attributes across the page, removes disabled CSS classes, and restores pointer-events: auto and user-select: auto.

๐Ÿงช Live Test Arena: 4 Locked Form & UI Controls
โ— 4 Elements Locked
๐Ÿšซ Unclickable Box
๐Ÿ‘‰ How to Test: Click CodeSavvy Popup โ†’ Unlock Elements (or press Ctrl+Shift+E), then click the unlocked green button or edit the input!
โˆž

Remove Input Limits (Maxlength Stripper)

Popup: Tools Tab โ†’ Remove Limits
QA & Form Testing

Removes restrictive maxlength and minlength caps from all <input> and <textarea> fields on the active page.

๐Ÿงช Live Test Arena: 5-Character Cap Input
โ— Max Length = 5 chars
0 / 5 chars
๐Ÿ‘๏ธ

Reveal Passwords

Popup: Tools Tab โ†’ Reveal Passwords
Credential Debugger

Toggles masked password fields between type="password" and type="text" so you can verify saved or typed credentials without opening DevTools.

๐Ÿงช Live Test Arena: Masked Password Field
โ— Masked (type=password)
Masked (โ€ขโ€ขโ€ขโ€ขโ€ขโ€ข)
๐Ÿ›ก๏ธ

3. Webpage Restriction Bypasses

Restore native right-click menus, unlock text selection inside Shadow DOMs, and bypass copy/paste blocks.
๐Ÿ–ฑ๏ธ

Force Right-Click

Popup: Tools Tab โ†’ Right Click
Context Menu Restorer

Neutralizes contextmenu event blockers and inline oncontextmenu handlers so the browser's native right-click menu works everywhere.

๐Ÿงช Live Test Arena: Right-Click Blocker Zone
โ— Right-Click Blocked
๐Ÿšซ Right-Click Is Blocked Inside This Box Try right-clicking here first (it will be intercepted). Then click CodeSavvy โ†’ Right Click and right-click here again!
๐Ÿ“„

Force Text Selection (with Deep Shadow DOM Penetration)

Popup: Tools Tab โ†’ Select Text
Shadow DOM Penetration user-select Override

Overrides user-select: none !important and selectstart blockers across both the main document and nested open Shadow DOM roots.

๐Ÿงช Live Test Arena: Unselectable Text & Shadow DOM Root
โ— Selection Disabled
Main DOM (user-select: none)

Try dragging your mouse to highlight this sentenceโ€”selection is blocked until you click Select Text in CodeSavvy!

๐Ÿ“‹

Force Copy, Cut & Paste

Popup: Tools Tab โ†’ Copy & Paste
Clipboard Unlocker

Bypasses aggressive copy, cut, and paste event interceptors on forms, portals, and articles.

๐Ÿงช Live Test Arena: Copy/Paste Blocker Input
โ— Copy/Paste Blocked
Clipboard Blocked
๐ŸŽจ

4. Visual Inspector, Color Studio, Dark Mode & Typography

Inspect live CSS & box dimensions, sample screen pixels in 0ms, invert bright websites, edit live text, and override fonts.
๐Ÿ“

Non-Destructive Box & CSS Inspector

Popup: Power Tab โ†’ Inspect Box โ€ข Exit: ESC
1-Click CSS Copy

Hover over any element to view its exact pixel dimensions, font family, colors, display mode, padding, and margins inside a floating HUDโ€”and click to copy its complete CSS snippet.

๐Ÿงช Live Test Arena: CSS Inspection Specimens
Hover with Inspect Box & Click to Copy CSS
Indigo Surface Card Padding: 20px โ€ข Radius: 14px
Emerald Pill Badge Radius: 999px โ€ข Centered
Monospace Specimen Font: JetBrains Mono
๐ŸŽจ

Color Studio & 0ms Pixel Eyedropper

Popup: Power Tab โ†’ Color Studio
HEX โ€ข RGB โ€ข HSL โ€ข CSS Var

Sample any pixel on your screen via the native Chromium EyeDropper API and copy colors in HEX, RGB, HSL, or CSS Variable format.

๐Ÿงช Live Test Arena: High-Saturation Eyedropper Swatches
Sample with Color Studio Eyedropper
#6366F1
#10B981
#F59E0B
#EF4444
#8B5CF6
#06B6D4
๐ŸŒ™

Smart Dark Mode

Popup: Power Tab โ†’ Dark Mode
Media-Safe Inversion

Applies a high-contrast dark theme to bright websites while counter-inverting images, videos, and SVGs so media stays natural.

โ˜€๏ธ Bright White Website Preview Box Toggle Smart Dark Mode in the CodeSavvy popupโ€”this blinding white box turns dark while the icon stays true-color!
CodeSavvy Icon
โœ๏ธ

Live Page Edit Mode (document.designMode)

Popup: Tools Tab โ†’ Edit Mode โ€ข Shortcut: Ctrl+Shift+Y (when set)
Live Mockups

Turns any live webpage into an editable document so you can rewrite headlines, test copy lengths, or stage clean screenshots.

๐Ÿงช Live Test Arena: Editable Headline & Copy
โ— designMode: OFF

Click Here to Rewrite This Headline When Edit Mode Is ON

Toggle Edit Mode in the popup (or press Ctrl+Shift+Y), then click anywhere inside this box to type or delete words directly on the page.

๐Ÿ”ค

Custom Page Typography

Popup: Tools Tab โ†’ Change Font
16+ Curated Fonts

Override hard-to-read webpage fonts with 16+ curated typefaces (including Lexend Deca, Atkinson Hyperlegible, Inter, and Poppins) without breaking <code> blocks or icon fonts.

๐Ÿ› ๏ธ

5. Developer, Media & Privacy Utilities

Extract images & inline SVGs, generate offline QR codes, wipe domain storage, hard-reload bypassing cache, and manage history.
๐Ÿ–ผ๏ธ

Media & SVG Extractor

Popup: Power Tab โ†’ Extract Media
Zero-Permission Client Download

Scans the page for <img> tags, CSS background-image URLs, videos, and inline <svg> graphics with thumbnail previews and 1-click downloads.

๐Ÿงช Live Test Arena: Embedded Media Fixtures
3 Assets Ready to Scan
CodeSavvy 128
Raster <img> Asset
CSS background-image
Inline Vector <svg>
๐Ÿ“ฑ

Offline QR Code Generator

Popup: Power Tab โ†’ QR Code
100% Offline Matrix

Generates a crisp QR code for the active tab URL completely offline in your browserโ€”with 1-click URL copy and PNG exportโ€”to open pages on your phone instantly.

๐Ÿงน

Site Storage Wiper (Domain-Isolated + Auto-Reload)

Popup: Power Tab โ†’ Wipe Storage
1-Click Domain Reset

Clears localStorage, sessionStorage, and cookies strictly for the current hostname and automatically reloads the tab after 400ms to flush in-memory state.

๐Ÿงช Live Test Arena: Domain Storage & Cookie Monitor
LocalStorage Keys: 0
SessionStorage Keys: 0
Domain Cookies: 0
๐Ÿ”„

Hard Reload (Bypass Cache), Viewport Screenshot & Fullscreen

Popup: Power Tab โ€ข Hard Reload Shortcut: Ctrl+Shift+R (when set)
Zero Extra Permissions
  • Hard Reload (Ctrl+Shift+R): Forces a clean tab reload bypassing local HTTP cache via chrome.tabs.reload({ bypassCache: true })โ€”without requiring invasive browser-wide history permissions.
  • PNG Screenshot: Captures the visible tab viewport in crisp PNG format and saves it directly via client-side anchor download.
  • Fullscreen Toggle: Switches the browser window into distraction-free fullscreen mode.
๐ŸŒ

22 Complete Locales, 7 Accent Themes & Local History Portability

Popup Header & Settings Panel (with Floating Save Dock)
100% Local Storage
  • 22 Languages with Full RTL Support: Localized across 22 languages (including Arabic and Persian RTL mirroring) with instant language switching in Settings.
  • 7 Accent Themes & Floating Save Dock: Customize the UI with Indigo, Orange, Yellow, Emerald, Cyan, Violet, or Rose accents, backed by an intelligent floating "Unsaved Changes" dock in Settings.
  • Transformation History & Incognito Mode: Review side-by-side original vs. enhanced logs, pause logging in Incognito Mode, configure auto-delete retention windows, or export/import JSON backups.