Plugins
2 pluginscurated
Debug Web App with DevTools
Install this pack to test and debug a web application in a real browser using Chrome DevTools MCP.
7 skills · plugin
curated
Web Performance Audit and Fix
Installs a pipeline to audit Core Web Vitals, analyze performance, and debug issues using DevTools.
10 skills · plugin
Results for “devtools”
16 skillsChrome Devtools
Controls and inspects a live Chrome browser for automation, debugging, and performance profiling using the Chrome DevTools MCP server.
36.2k
Browser Testing With Devtools
Tests and debugs web applications in real browsers using Chrome DevTools MCP, enabling DOM inspection, console error capture, network analysis, performance profiling, and visual verification with live runtime data.
69.5k
Full Page Screenshot
Capture full-page screenshots of any web page using Chrome DevTools Protocol, handling SPAs, lazy-loaded images, and very tall pages with zero external dependencies.
20.4k · bundle
Cdp Connect
Connect to an existing Chrome browser via Chrome DevTools Protocol to navigate, click, type, screenshot, evaluate JavaScript, read the accessibility tree, and monitor console or network events.
142 · bundle
Web Perf
Audits web performance by measuring Core Web Vitals (LCP, INP, CLS) and supplementary metrics, identifying render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps using Chrome DevTools MCP.
2.1k
Pinia
Pinia state management for Vue 3 including store creation, actions, getters, plugins, and DevTools integration.
1.7k · bundle
More results
React Component Performance
Identify render hotspots, isolate expensive updates, and apply targeted React optimizations without changing UI behavior.
3.8k · bundle
Dev Browser
Control browsers via a CLI tool that runs sandboxed JavaScript scripts for automation, testing, and data extraction.
6.4k
React Tooling
Configure debugging, bundle analysis, and ecosystem tools for React applications. Use when setting up Vite/webpack build tooling, analyzing bundle size, debugging re-renders with React DevTools, or configuring ESLint and StrictMode for React projects.
542 · bundle
Antfu Design
Build interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.
5.5k · bundle
Transitions Dev
Provides portable CSS transitions for common UI patterns like dropdowns, modals, tooltips, and skeleton loaders. Each transition is a drop-in snippet with semantic CSS custom properties and a prefers-reduced-motion guard.
· bundle
Frontend State Management
Guides choosing and implementing global state management in React with Zustand, Redux Toolkit, or Context, based on state complexity and needs.
0
Cdp Ext Pilot
Launches Chrome with an unpacked extension, opens its UI (sidepanel, popup, or options page), and enables interaction via CDP commands for testing and automation.
142 · bundle
Dom Xss
Detect and exploit DOM-based XSS vulnerabilities by auditing JavaScript for tainted data flow from controllable sources to dangerous sinks, with payloads and bypass techniques for client-side testing.
21
Web Perf
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.
0
Web Perf
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.
0