Full Stack Assistant

The keyboard-first developer companion designed to streamline frontend testing, API debugging, DOM auditing, layout diagnostics, and daily engineering workflows. Stop jumping between ad-heavy converter websites, manually typing throwaway test data into forms, or digging through nested DevTools tabs for routine checks. Full Stack Assistant puts 40+ practical developer utilities into a lightning-fast popup, a persistent Side Panel, or an instant Cmd+K search dialog. --- KEY HIGHLIGHTS * Command Palette (Cmd+K / Ctrl+K) Search and launch any developer tool, audit, or documentation reference in milliseconds directly from your keyboard. * Persistent Side Panel Integration Dock the entire tool suite alongside your web application using Chrome's native Side Panel. Use pixel rulers, inspection overlays, and live form helpers without the interface auto-closing on page clicks. * CORS Unblock Utility Bypass Cross-Origin Resource Sharing restrictions with a single toggle during API development. Automatically injects standard access-control headers, allows custom origins and methods, supports preflight caching, and includes a live test runner to verify cross-origin requests immediately. * User Agent Spoofer & Device Testing Switch browser identities in one click across 15 desktop, mobile, and search bot presets, or save your own custom user agent strings. Automatically harmonizes browser client hints to prevent false-positive blocks while testing responsive layouts. * Live Element Inspector & Visual Diagnostics - Real-Time Hover HUD: Inspect tag names, dimensions, computed font families, normalized Hex/RGBA colors, and complete box model metrics (margin, padding, border). - Diagnostic Overlays: Visualize ID and class labels, div dimensions, z-index stack levels, tab index navigation order, and ARIA roles directly on the page. - One-Click Overlay Clear: Instantly remove all visual guides and outlines when finished. * Technical Audits & Page Reports - Duplicate ID Finder: Spot conflicting element IDs with highlighted outlines and an exportable report. - Document Outline: Audit heading hierarchy (H1-H6) with warnings for skipped levels. - Color Palette Extractor: Aggregate all page colors into standard Hex and RGBA swatches with usage frequency counts. - Network & Resource Scanners: Inspect HTTP response headers, detect analytics and tracking pixels, audit internal/external links, and review loaded scripts. * Passive Website IP Indicator Displays the resolved server IP address in a subtle corner badge. Features an interactive hover-dodge that glides to the opposite corner so it never obstructs page controls, buttons, or chat widgets. * Smart Form Testing Personas Auto-fill complex forms in one click using targeted test personas: - Standard (Realistic): Realistic names, emails, addresses, dates, and phone numbers. - Boundary Testing: 200+ character strings, international Unicode glyphs, and edge-case numbers. - Sanitization Probes: Safe test strings to verify backend sanitization and input filtering. * Form Quality-of-Life Tools - Toggle password field visibility (reveal / mask) instantly. - Unlock restricted forms by removing readonly, disabled, and click-blocking attributes. - Clear inputs, reset radio groups, bulk-check or uncheck checkboxes, and convert select menus into text inputs. - Display form architecture badges showing method, action destination, and control counts. * Layout Diagnostics & Screen Tools - Interactive horizontal and vertical pixel rulers. - 12-column layout grid overlay for responsive alignment audits. - Dedicated mobile, tablet, and custom viewport testing windows. - Live Design Mode: Edit live webpage copy directly in place to test headline wrapping and layout stress. - Instant CSS root variable inspector with color swatches and one-click copy. * Timestamps & Epoch Converter Convert Unix timestamps to human-readable UTC, ISO-8601, and local time strings, or copy the current timestamp in seconds. * Developer Documentation Omni-Search Instant query jumping into MDN Web Docs, Can I Use, DevDocs, CSS-Tricks, and web.dev. * Global Keyboard Shortcuts - Option + Shift + F (Alt + Shift + F): Auto-fill active form - Option + Shift + P (Alt + Shift + P): Toggle password field mask - Option + Shift + D (Alt + Shift + D): Toggle live Design Mode - Option + Shift + I (Alt + Shift + I): Toggle ID & Class details overlay - Color picker accessible via popup and Command Palette --- PRIVACY & PERFORMANCE FIRST Full Stack Assistant executes locally against your active tab. It never logs, stores, or transmits your browsing history, DOM contents, passwords, or personal credentials. Any development telemetry is strictly aggregated, completely anonymous, and can be disabled with a single toggle in the extension settings.