Item logo image for Developer's Toolkit

Developer's Toolkit

5.0(

1 rating

)
Item media 1 (screenshot) for Developer's Toolkit

Overview

DevTools companion with side panel diagnostics for CSS, JS, network, and cookies.

New 1.1.0 Version Launched Presenting UI Prompt Builder; 🎨 UI Prompt Builder with 9 section types 🎬 Animation detection (14 libraries) 📸 3 screenshot modes (Viewport, Full Page AI, Download) ✍️ Custom prompt instructions 📊 Loading progress bar with status messages 🎨 Design token extraction (colors + typography) 📚 Animation library recommendations per section 1.0.3 Version Developer's Toolkit is a comprehensive browser companion for web developers. ⚡ FEATURES: 📊 OVERVIEW • Quick page diagnostics and meta info • Core Web Vitals snapshot • Technology detection 🎨 CSS TOOLS • Live CSS inspector and editor • Box model visualizer • Grid/Flexbox debugger • Accessibility contrast checker • CSS statistics and unused styles 🍪 COOKIE MANAGER • Full cookie matrix with editing • Privacy classification (Essential/Analytics/Marketing) • Personas for testing different user states • GDPR compliance checking • Third-party cookie spotlight 📝 FORM TOOLS • Auto-fill with presets • Form validation tester • Endpoint analyzer 🖼️ MEDIA TOOLS • Image inventory and optimization tips • Lazy loading audit • Alt text analyzer • Broken image finder ⚡ JS DEBUGGING • Console interceptor • Network request monitor • Event storm detector • Promise tracker • Error breakpoints 🤖 AI ASSISTANT • Powered by OpenRouter • Ask questions about the page • Get code suggestions • Security analysis • Performance tips 📈 PAGESPEED INSIGHTS • Mobile & Desktop analysis • Core Web Vitals breakdown • Performance recommendations 🔧 MORE TOOLS • Security headers checker • Link analyzer • Color palette extractor • Page outline viewer • Meta tag inspector • W3C validators 💡 REQUIRES: • OpenRouter API key for AI features (free tier available) • Optional: PageSpeed API key for unlimited requests 🔒 PRIVACY: • No data collection • API keys stored locally • All analysis done client-side

Details

  • Version
    1.2
  • Updated
    January 11, 2026
  • Size
    262KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    raman@kwebby.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Slate for Rise

0.0

Patch and customize Rise SCORM exports with custom CSS, JS, and more. Built by Slate eLearning.

Network Ninja

5.0

Enhanced network request inspection with secure curl generation for Chrome DevTools

CSS Extractor Pro - Extract Clean CSS Code & Color Palettes

3.0

Extract clean CSS code from any webpage element & generate complete color palettes. Essential developer tool.

Coderstool – Online Code Formatter, Converter & Developer Tools

5.0

All-in-one tools for formatting, conversion, generators, and debugging—ideal for web developers and programmers!

Site Inspector

4.8

Inspect. Analyze. Understand. All-in-one tool for web developers and SEO professionals. Comprehensive web analysis and insights.

Rechrome

5.0

A powerful web development toolkit for content, design, SEO, and CSS editing. Perfect for developers and designers.

AEO/GEO Audit Tool & AI Consultant by Zicy.com

5.0

Analyze any webpage's readiness to be cited by AI answer engines like ChatGPT, Perplexity, and Gemini.

NetLab - Network Debugging Proxy

5.0

Chrome DevTools network proxy for intercepting, modifying, and debugging HTTP requests. Like Fiddler/Charles but built into DevTools

LWC Inspector

5.0

Inspect, edit, and debug Lightning Web Components (LWC) and Apex classes. Includes component view, network monitoring, code editor.

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

SiteLint - Web Audit Tools

5.0

Fast, offline audits for Accessibility, Performance, Security & Technical SEO inside DevTools and Side Panel.

Slate for Rise

0.0

Patch and customize Rise SCORM exports with custom CSS, JS, and more. Built by Slate eLearning.

Network Ninja

5.0

Enhanced network request inspection with secure curl generation for Chrome DevTools

CSS Extractor Pro - Extract Clean CSS Code & Color Palettes

3.0

Extract clean CSS code from any webpage element & generate complete color palettes. Essential developer tool.

Coderstool – Online Code Formatter, Converter & Developer Tools

5.0

All-in-one tools for formatting, conversion, generators, and debugging—ideal for web developers and programmers!

Site Inspector

4.8

Inspect. Analyze. Understand. All-in-one tool for web developers and SEO professionals. Comprehensive web analysis and insights.

Rechrome

5.0

A powerful web development toolkit for content, design, SEO, and CSS editing. Perfect for developers and designers.

AEO/GEO Audit Tool & AI Consultant by Zicy.com

5.0

Analyze any webpage's readiness to be cited by AI answer engines like ChatGPT, Perplexity, and Gemini.

NetLab - Network Debugging Proxy

5.0

Chrome DevTools network proxy for intercepting, modifying, and debugging HTTP requests. Like Fiddler/Charles but built into DevTools

Google apps