下载

Skill UI

浏览并发现 6928+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 DevTools ，共找到 7 条记录

默认排序最新上传最多下载

Chrome开发者工具代理

chrome-devtools

tech-leads-club/agent-skills

通过 Chrome DevTools MCP 控制浏览器，进行页面导航、元素交互、控制台与网络检查、截图/快照采集以及性能追踪，适用于现场网页调试与性能分析。

Flutter 专家工作流

Jeffallan/claude-skills

指导使用 Flutter 3+ 构建跨平台应用，涵盖项目搭建、Riverpod/Bloc 状态管理、GoRouter 路由、定制组件及性能调优，强调 const、测试与 DevTools 调试。

Go Rod 浏览器自动化

sickn33/antigravity-awesome-skills

基于 Rod 的 Go 浏览器自动化指南，结合 Chrome DevTools Protocol 原生调用与 stealth 反检测技巧，适用于无头 SPA 抓取、并发爬虫、网络请求拦截等场景。

性能分析与优化指南

performance-profiling

sickn33/antigravity-awesome-skills

通过 Lighthouse 脚本、DevTools 视图与包体分析，遵循基线-识别-修复-验证流程，在开发、CI/CD 与生产环境中监控并优化核心 Web Vitals，及时排查并消除性能瓶颈。

React组件性能优化指南

react-component-performance

sickn33/antigravity-awesome-skills

本指南旨在帮助开发者诊断和优化React应用的性能瓶颈。它详细介绍了如何使用React DevTools Profiler进行性能分析，识别不必要的重新渲染，并应用如`useMemo`、`useCallback`等最佳实践，显著提升组件的渲染效率和整体用户体验。

使用 DevTools 浏览器测试

browser-testing-with-devtools

addyosmani/agent-skills

通过 Chrome DevTools MCP 让智能体看到真实浏览器，在构建、调试或验证浏览器 UI 行为时检查 DOM、控制台、网络、屏幕截图与性能数据，确保修复有效。

浏览器自动化与开发者工具调试

chrome-devtools

github/awesome-copilot

这是一个用于控制和检查实时Chrome浏览器的专业技能。它可以实现完整的网页自动化操作（如点击、填写表单），进行深度调试（分析控制台和网络请求），并进行详细的性能分析和性能追踪，是进行QA测试和前端开发的强大工具。

1

语言