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.3
  • Updated
    January 13, 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

Manage extensions and learn how they're being used in your organization
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

dtools - Web Developer Tools

5.0

Comprehensive web developer tools extension with performance metrics, tech stack detection, and debugging utilities.

Network Request Capturer Pro

5.0

Professional network debugging tool. Capture, analyze and export HTTP requests with advanced filtering.

DevTools Suite

5.0

A collection of useful tools for developers and designers.

HTML Viewer Online

5.0

A free HTML, CSS & JS editor with live preview, beautifier, and minifier.

Site Inspector

4.8

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

HTML Viewer

4.8

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

WebMCP DevTools

5.0

A developer tool for inspecting, testing, and monitoring WebMCP tools registered via navigator.modelContext.

SiteLint - Web Audit Tools

5.0

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

GRP - AI & Search Visibility Inspector

5.0

On-page SEO inspector with structured-data check, JS render diff, AI Visibility signals and tech-stack detection.

Screen Ruler - Measure and Inspect the Web

4.4

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

DevScope – Developer Tools

0.0

Advanced developer tools for analyzing, inspecting, and debugging web pages directly in your browser.

CSS Pro Editor & Debugger

4.6

Visual CSS styling and debugging tool for developers.

dtools - Web Developer Tools

5.0

Comprehensive web developer tools extension with performance metrics, tech stack detection, and debugging utilities.

Network Request Capturer Pro

5.0

Professional network debugging tool. Capture, analyze and export HTTP requests with advanced filtering.

DevTools Suite

5.0

A collection of useful tools for developers and designers.

HTML Viewer Online

5.0

A free HTML, CSS & JS editor with live preview, beautifier, and minifier.

Site Inspector

4.8

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

HTML Viewer

4.8

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

WebMCP DevTools

5.0

A developer tool for inspecting, testing, and monitoring WebMCP tools registered via navigator.modelContext.

SiteLint - Web Audit Tools

5.0

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

Google apps