Browser Testing With Devtools
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be co...
Overview
Browser Testing With Devtools is a SKILL.md workflow from addyosmani/agent-skills. It is categorized under coding and links back to its reviewed source so users can inspect the complete instructions and bundled resources before installation.
Use Cases
Install Notes
# Review source first
open https://github.com/addyosmani/agent-skills/blob/main/skills/browser-testing-with-devtools/SKILL.mdCopy the reviewed skill folder into the skills directory used by your compatible agent.
Security Notes
AIToolly validated the published source structure and license automatically. Review addyosmani/agent-skills and any bundled scripts again before granting workspace, command, or network access.
Related Skills
Skill Creator
anthropics/skills
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
MCP Builder
anthropics/skills
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
Claude API
anthropics/skills
Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration. TRIGGER — read BEFORE opening the target file; don't skip because it "looks like a one-liner" — whenever: the prompt names Claude/Anthropic in any form (Claude, Anthr...
Source Driven Development
addyosmani/agent-skills
Grounds every implementation decision in official documentation. Use when you want authoritative, source-cited code free from outdated patterns. Use when building with any framework or library where correctness matters.
Context Engineering
addyosmani/agent-skills
Optimizes agent context setup. Use when starting a new session, when agent output quality degrades, when switching between tasks, or when you need to configure rules files and context for a project.
Git Workflow And Versioning
addyosmani/agent-skills
Structures git workflow practices. Use when making any code change. Use when committing, branching, resolving conflicts, or when you need to organize work across multiple parallel streams. Use when cutting a release, choosing a semantic version bump, tagging, or writing a changelog.