The community directory for Claude Code.

Browse curated Claude Code Skills, MCP servers, Subagents, Hooks, CLAUDE.md configs, and more. The open directory for everything the community has built to extend Claude.

Essential MCP Servers

GitHub MCP Server

GitHub's official MCP server for repos, issues, PRs, and Actions

MCPs

The official Model Context Protocol server from GitHub. Gives Claude direct access to repositories, issues, pull requests, code scanning, and GitHub Actions through natural language.

Playwright MCP

Browser automation for Claude via Playwright's accessibility tree

MCPs

Microsoft's official MCP server that lets Claude drive a real browser using structured accessibility snapshots instead of screenshots — fast, deterministic web automation without vision models.

Context7

Up-to-date, version-specific library docs injected into Claude's context

MCPs

An MCP server that fetches current, version-specific documentation and code examples for thousands of libraries — ending hallucinated APIs from stale training data.

Supabase MCP Server

Connect Claude to your Supabase projects — database, auth, storage, and more

MCPs

The official Supabase MCP server — lets Claude query your database, manage tables, run migrations, and inspect your project configuration through natural language.

Essential MCP Servers

Top Skills for Web Dev

View all Skills

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality

Skills

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Web Artifacts Builder

Suite of tools for creating elaborate, multi-component claude

Skills

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Webapp Testing

Toolkit for interacting with and testing local web applications using Playwright

Skills

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

MCP Builder

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact...

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

Top Skills for Web Dev

Brand Guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit...

Skills

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Algorithmic Art

Creating algorithmic art using p5

Skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.