Prototyp · Vorschau: alle Server aus der offiziellen Registry, alle 30 Minuten synchronisiert. Mit Google anmelden, um Bewertungen zu schreiben.
PopNx MCPMCP-Server für alle, die KI nutzen · in einfachen Worten erklärt
☰ MenüDeutsch Einstellungen
Einsteigermodus An
FarbenSystemHellDunkel
SpracheไทยEnglish中文日本語한국어EspañolDeutsch

browser-testing-with-devtools Skill

von addyosmani★ 115.500 (whole repo)Skill 1 of 24 in agent-skills

★ Stars are for the whole repo, not this skill

← All skills in agent-skills

Installieren

What it does

browser-testing-with-devtools is 1 of 24 skills in the agent-skills repo

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 M…

  • Connects Instruction files the AI reads; connects to nothing
  • Account or key No key needed
  • Category Programmieren

1 Skills (Anweisungssammlungen) von addyosmani, die eine KI liest und befolgt · kein MCP-Server

Was einen Skill von MCP unterscheidet

MCP verbindet eine KI mit einem externen Dienst oder Daten. Ein Skill ist eine Arbeitsanleitung, die die KI liest und befolgt; er verbindet sich mit nichts.

Funktioniert mit

Claude CodeCodexCursorGemini CLIGitHub CopilotWindsurfOpenCodeKiro

Laut README des Anbieters und den Ordnern im Repo

Installieren

Is it safe?

  • Who made it

    GitHub account addyosmani (person), 17 years old

  • Use and upkeep

    ★ 115.500 stars · code last changed 2. Nov. 2026

  • Any scripts?

    No, plain text files the AI reads and follows

  • Uses the internet?

    No scripts, so it does not go online by itself

  • Changes machine-wide settings?

    No hooks or writes to machine settings found

Checked automatically from the repo files at commit 301b02b (read only, nothing was run). Not a safety guarantee: read it and decide for yourself

Let the AI install it

Works in Claude Code, Codex and Cursor · Copy this sentence into the app’s chat

Where to install
Please install the skill browser-testing-with-devtools from https://github.com/addyosmani/agent-skills folder skills/browser-testing-with-devtools (commit 301b02b) for all my projects, at ~/.claude/skills/browser-testing-with-devtools (in Codex use ~/.agents/skills/browser-testing-with-devtools, in Cursor ~/.cursor/skills/browser-testing-with-devtools). First show me every file and tell me whether it has scripts or changes machine settings, then tell me the full path you will install to and wait for me to agree.
Please install the skill browser-testing-with-devtools from https://github.com/addyosmani/agent-skills folder skills/browser-testing-with-devtools (commit 301b02b) into the project this chat is open in (at .claude/skills/browser-testing-with-devtools). First show me every file and tell me whether it has scripts or changes machine settings, then tell me the project name and the full path you will install to and wait for me to agree.

For one project, paste it into a chat that is open in that project’s folder · The AI always shows you the path before installing

The AI tells you what it will do first and asks your permission at every step

Checked against official docs 12. Nov. 2026 · Source: code.claude.com, learn.chatgpt.com, cursor.com

For Terminal users

Ein Skill sind Anweisungen, denen die KI folgt. Lies die Dateien vor der Installation und installiere nur von vertrauenswürdigen Anbietern.

Vom Anbieter empfohlen

npx skills add addyosmani/agent-skills

Aus dem README des Anbieters; lädt den Code des Anbieters herunter und führt ihn aus

Welche App nutzt du?

  1. Terminal öffnen

    Mac: Command+Leertaste und Terminal tippen · Windows: PowerShell öffnen (der Befehl unten ist für Mac/Linux)

  2. Skill-Ordner nach ~/.claude/skills kopieren

    Lädt das Repo in einen temporären Ordner und kopiert nur Ordner mit einer SKILL.md

    rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.claude/skills && cp -R '/tmp/popnx-skill/skills/browser-testing-with-devtools' ~/.claude/skills/browser-testing-with-devtools && rm -rf /tmp/popnx-skill

  3. Claude Code neu starten, dann /browser-testing-with-devtools tippen oder eine passende Aufgabe stellen; Claude nutzt den Skill

  1. Terminal öffnen

    Mac: Command+Leertaste und Terminal tippen · Windows: PowerShell öffnen (der Befehl unten ist für Mac/Linux)

  2. Skill-Ordner nach ~/.agents/skills kopieren

    Lädt das Repo in einen temporären Ordner und kopiert nur Ordner mit einer SKILL.md

    rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.agents/skills && cp -R '/tmp/popnx-skill/skills/browser-testing-with-devtools' ~/.agents/skills/browser-testing-with-devtools && rm -rf /tmp/popnx-skill

  3. Codex neu starten und eine passende Aufgabe stellen; Codex listet den Skill

  1. Terminal öffnen

    Mac: Command+Leertaste und Terminal tippen · Windows: PowerShell öffnen (der Befehl unten ist für Mac/Linux)

  2. Skill-Ordner nach ~/.cursor/skills kopieren

    Lädt das Repo in einen temporären Ordner und kopiert nur Ordner mit einer SKILL.md

    rm -rf /tmp/popnx-skill && git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/popnx-skill && mkdir -p ~/.cursor/skills && cp -R '/tmp/popnx-skill/skills/browser-testing-with-devtools' ~/.cursor/skills/browser-testing-with-devtools && rm -rf /tmp/popnx-skill

  3. Im Agent-Chat von Cursor / tippen und browser-testing-with-devtools wählen

Andere Apps mit Agent Skills (etwa Gemini CLI oder GitHub Copilot) nutzen andere Ordner. Sieh in deren Anleitung nach und kopiere den Ordner mit der SKILL.md dorthin.

Auf GitHub ansehen ↗

Skill-Ordner am 11. Nov. 2026 mit den offiziellen Anleitungen von Claude Code, Codex und Cursor geprüft

Upload to claude.ai (web and app)

Uploading to claude.ai would fail: the description is over 200 characters (326). Use "Let the AI install it" instead

Diskussion

Fragen, Tipps teilen oder melden, dass etwas nicht geht. Sortiert nach „hilfreich“.

Noch keine Beiträge. Stell die erste Frage oder teile einen Tipp.

Beiträge hier stammen von Nutzern, nicht vom PopNx-Team.

Mit Google anmelden, um zu posten

Von GitHub

GitHub-Sterne
115.500
Stars are for the whole repo, not this skill
Anbieter
addyosmani
Letzte Codeänderung
2. Nov. 2026
SKILL.md-Dateien im Repo
1
Themen
agent-skills, antigravity, claude-code, codex, cursor, skills