Plugins

2 plugins

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

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”

67 skills

Chrome Devtools

Controls and inspects a live Chrome browser for automation, debugging, and performance profiling using the Chrome DevTools MCP server.

srednoff888-art

Browser Devtools QA

Use this skill for browser verification, console/network errors, layout checks, user-flow QA, DevTools evidence. Trigger when the task involves qa work related to Browser Devtools Qa, production implementation, audits, debugging, strategy, or validation.

将内容拆解为系列卡通风格信息图提示词，通过 Chrome DevTools MCP 自动化调用 Gemini web app 生成图片，并自动收集到本地临时目录。

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.

Chrome Devtools

Trigger: chrome-devtools, browser automation, headless browser, web scraping, inspect element, chrome debugger, inspect page, network request, console logs. Scope: Interact with and automate headless Chrome via Chrome DevTools Protocol (CDP) for testing, debugging, and scraping. Boundary: Do not use for macOS native desktop GUI automation (use peekaboo instead).

Parses LibreOJ problem IDs or URLs, creates a folder, fetches the problem statement via Chrome DevTools MCP, saves it as Markdown, and writes a C++ solution file.

More results

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

Gdb reference tool. Use when working with gdb in devtools contexts.

Csp reference tool. Use when working with csp in devtools contexts.

Jwt reference tool. Use when working with jwt in devtools contexts.

Xss reference tool. Use when working with xss in devtools contexts.

Cors reference tool. Use when working with cors in devtools contexts.

Csrf reference tool. Use when working with csrf in devtools contexts.

Capture a full DevTools-protocol trace of any browser automation, bisect the stream into per-page searchable buckets, and attach a trace to an in-progress session for debugging.

Node Inspect Debugger

Debug Node.js via --inspect + Chrome DevTools Protocol CLI.

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.

Devtool Workflow

Use only for developer-facing tools, libraries, SDKs, CLIs, APIs, and infrastructure products

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.

Devtool Docs Audit

Use only for developer-facing products; audit docs for quickstart clarity, examples, API reference, troubleshooting, and migration paths

Devtool Adoption

Use only for developer-facing products; plan adoption loops, examples, templates, community, and proof artifacts

Devtool Positioning

Use only for developer-facing products; position against alternatives by workflow, ecosystem, trust, and switching cost

Devtool Dx Journey

Use only for developer-facing products; analyze install, quickstart, first success, debugging, and production adoption journeys

Pinia state management for Vue 3 including store creation, actions, getters, plugins, and DevTools integration.

Provides quick reference documentation for Dnscheck concepts, best practices, and implementation patterns, covering intro, quickstart, debugging, performance, security, migration, and cheatsheet topics.

Devtool User Map

Use only for developer-facing products; map users, buyers, champions, contributors, and operational stakeholders

Automates multi-language software builds with Makefiles, dependency management, testing, packaging, and CI/CD integration.

Control browsers via a CLI tool that runs sandboxed JavaScript scripts for automation, testing, and data extraction.

hoangnguyen0403

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.

钉钉(DingTalk) MultiSkill 的轻量共享入口。Use when 用户泛称 DWS/钉钉操作但未明确产品、请求跨产品编排、需要 URL 类型预检或产品边界消歧。清晰的单产品操作优先使用对应 dingtalk-* 子 skill；本 skill 只提供全局执行契约和按需 reference 导航，不承载产品命令全集。

Check all outreach channels for replies using Chrome DevTools MCP. Scans Zoho webmail, LinkedIn messaging, and Instagram DMs.

钉钉开放平台企业内部应用管理：应用查询/创建/修改/删除/停启、凭证、权限点、成员、安全配置、网页应用、机器人、版本发布。Use when 用户说开发者后台应用/开放平台应用/企业内部应用/agentId/clientId/appKey/appSecret/customKey/应用权限/权限点/scopeValue/创建机器人/智能体机器人/机器人配置/机器人回调/IP白名单/登录重定向/端内免登/应用版本/版本发布/发布审核/选审批人/把机器人接到本地调试/connect。

Use when working with VCF/BCF variant files for indexing, manipulation, analysis, or variant calling.

Devcontainer Setup

Creates pre-configured devcontainers with Claude Code, language-specific tooling (Python, Node, Rust, Go), and persistent volumes for isolated development environments.

schattenspiegel

Python Project Tooling

Creates, reviews, debugs, and modernizes Python project structure with deterministic tooling including pyproject.toml, uv, Ruff, Pyright, and pytest.

Node Inspect Debugger

Debug Node.js with node inspect, --inspect, breakpoints, CDP, heap, and CPU profiles.

Applies the DevSecOps framework to structure analysis, guide decision-making, and produce actionable recommendations for engineering and operations contexts.