πŸ“šAllForClaude
SkillsMCPPluginsCategoriesHow to install
πŸ“š AllForClaude

Skills, MCP Servers & Plugins for Claude, All in One Place.

By type

  • Skills
  • MCP Servers
  • Plugins
  • Subagents
  • Slash Commands

Categories

  • πŸ’» Development & Coding
  • ⚑ Productivity & Automation
  • 🎨 Creative, Design & Art
  • πŸ“„ Documents & Office
  • πŸ’¬ Communication & Messaging
  • πŸ€– AI & Machine Learning

Learn

  • How to install
  • All categories
  • Search

Β© 2026 AllForClaude. An independent, community directory β€” not affiliated with Anthropic.

Aggregated from claudeskills.info, skillshubmcp.com, claudedirectory.org & the official MCP registry.

  1. Home
  2. /Plugins
  3. /WordPress & Web Development
  4. /Chrome DevTools MCP
🌐

Chrome DevTools MCP

πŸ“¦Plugin🌐WordPress & Web Development

Live Chrome browser control from Claude Code: inspect elements, run scripts, and debug web applications in real time.

By Anthropic

web development
Install command
/plugin install chrome-devtools-mcp@claude-plugins-official

How to install

Claude Code Plugin

Plugins are a Claude Code feature installed from a marketplace.

  1. Add the marketplace (only needed once):
    /plugin marketplace add claude-plugins-official
  2. Install the plugin:
    /plugin install chrome-devtools-mcp@claude-plugins-official

It becomes available immediately as slash commands, skills or agents β€” no restart needed.

Exact steps can vary per project β€” always double-check the original source. New to this? Read the full install guide β†’

Source

  • SkillsHub MCP

More in WordPress & Web Development

View all β†’
🌐
πŸ”ŒMCP Serverβ˜… Featured

Fetch Server

Make HTTP requests to fetch web content, APIs, and convert HTML to markdown

🌐WordPress & Web Development88,106
🌐
πŸ€–Subagent

Presentation Claude Code

PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) β€” slides, structure, styling, level transitions, or content reuse from other decks. This is the canonical reusable Claude Code best-practices deck. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding`) or the GDG Kolachi claude-gemini presentation (use `presentation-claude-gemini`).

🌐WordPress & Web Development61,912
🌐
πŸ€–Subagent

Presentation Claude Gemini

PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) β€” slides, structure, styling, journey bar levels, or day/level organization. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding` instead).

🌐WordPress & Web Development61,912
🌐
πŸ€–Subagent

Presentation Vibe Coding

PROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) β€” slides, structure, styling, or level transitions. Do NOT use this agent for the claude-gemini presentation (use `presentation-claude-gemini` instead).

🌐WordPress & Web Development61,912

How to install

Claude Code Plugin

Plugins are a Claude Code feature installed from a marketplace.

  1. Add the marketplace (only needed once):
    /plugin marketplace add claude-plugins-official
  2. Install the plugin:
    /plugin install chrome-devtools-mcp@claude-plugins-official

It becomes available immediately as slash commands, skills or agents β€” no restart needed.

Exact steps can vary per project β€” always double-check the original source. New to this? Read the full install guide β†’