📚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.

  1. Home
  2. /Plugins
  3. /WordPress & Web Development
  4. /Playground
🌐

Playground

📦Plugin🌐WordPress & Web Development31,495

Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button

By Anthropic

web development
Install command
/plugin install playground@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 playground@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 →

Available on

  • SkillsHub MCP
  • Claude Skills Hub

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 playground@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 →