Frontend Design
Anthropic
Craft production-grade frontends with distinctive design. Generates polished code that avoids generic AI aesthetics.
Anthropic
Craft production-grade frontends with distinctive design. Generates polished code that avoids generic AI aesthetics.
Jesse Vincent
Superpowers is a comprehensive skills framework that teaches Claude structured software development methodologies. It provides composable skills for test-driven development (TDD), systematic debugging, brainstorming, subagent-driven development with built-in code review, and the ability to author new skills. The plugin enforces disciplined practices like "red-green-refactor" TDD cycles where tests must fail before implementation, a four-phase debugging methodology that requires root cause investigation before any fixes, and Socratic brainstorming sessions that refine requirements before coding begins. How to use: Invoke skills with slash commands like /brainstorming to explore requirements and design before implementation, or /execute-plan to run batched implementation plans with review checkpoints. The framework includes a code-reviewer agent that evaluates implementations against plans, coding standards, and architectural principles. For debugging, the systematic methodology guides you through root cause investigation, pattern analysis, hypothesis testing, and implementation—with safeguards that trigger architectural review after three failed fix attempts. The writing-skills module teaches you to author and test new skills using TDD principles applied to documentation.
Anthropic
Automates pull request code review using multiple specialized agents working in parallel. Five independent reviewers analyze your changes from different angles: CLAUDE.md compliance checking, bug detection, git history context analysis, previous PR comment review, and code comment verification. Each finding is scored on a 0-100 confidence scale, and only high-confidence issues (default threshold: 80) are posted as comments, dramatically reducing false positives and review noise. The plugin intelligently filters out PRs that don't need review—closed, draft, automated, or already-reviewed pull requests are automatically skipped. Comments include direct GitHub links with full SHA hashes and line number ranges for easy navigation to the exact code in question. How to use: Run /code-review on any PR branch to launch the full automated review. The system will analyze your changes, score potential issues, and post actionable feedback directly to GitHub. You can customize the confidence threshold or focus areas (security, performance, accessibility) by editing the command configuration.
Upstash
Context7 is an MCP server that delivers up-to-date, version-specific documentation and code examples directly into your prompts. It solves a common problem with LLMs: outdated training data leading to hallucinated APIs and deprecated code patterns. Instead of relying on stale information, Context7 pulls current documentation straight from source repositories. The plugin provides two main tools: resolve-library-id for matching library names to Context7-compatible identifiers, and query-docs for retrieving documentation for specific libraries. You can even target specific versions by mentioning them in your prompt. How to use: Simply add "use context7" to any prompt where you need current documentation. For example: "Create a Next.js middleware that checks for a valid JWT in cookies. use context7" or "Configure a Cloudflare Worker script to cache JSON API responses. use context7". You can also specify exact libraries with "use library /supabase/supabase for API and docs".
Anthropic
Code clarity agent: simplifies and refines recently modified code while preserving functionality and consistency.
Microsoft
Browser automation and end-to-end testing MCP server by Microsoft. Enables Claude to interact with web pages, take screenshots, fill forms, and automate testing workflows.
GitHub
The GitHub plugin connects Claude Code directly to GitHub's platform through the official GitHub MCP server. Manage repositories, issues, pull requests, and workflows without leaving your development environment. Browse code, analyze commits, and understand project structure across all your accessible repositories. Key capabilities include creating and updating issues and pull requests, reviewing code with AI assistance, monitoring GitHub Actions workflows, analyzing build failures, and managing releases. The plugin also provides security features like examining code scanning findings and reviewing Dependabot alerts. How to use: After connecting your GitHub account, interact naturally with your repositories. Try prompts like "Create an issue for the login bug in my-app repo", "Review the latest PR on my project", "Show me failed GitHub Actions runs", "Search for repositories about machine learning", or "List open issues assigned to me". The plugin handles authentication and API calls automatically.
Anthropic
Tools to maintain CLAUDE.md - audit quality, capture learnings, and keep project memory current.
Anthropic
Feature development workflow with agents for exploration, design, and review
Anthropic
Security hook warns about command injection, XSS, and unsafe code patterns when editing files
Vercel
Deploy and manage your applications on Vercel directly from Claude Code. This plugin integrates Vercel's deployment platform into your development workflow, enabling production deployments, real-time log monitoring, and project configuration without leaving your coding environment. Key features include one-command production deployments, live log streaming with the --follow flag for real-time debugging, and streamlined project setup with environment variable management. The plugin handles Vercel CLI authentication and project linking automatically. How to use: Run /deploy to push your application to production, /vercel-logs to fetch and analyze deployment logs, or /vercel-setup to initialize Vercel CLI and link your project. You can also say "deploy my app to Vercel" or "check my deployment logs" to trigger these capabilities.
Anthropic
TypeScript/JavaScript language server for enhanced code intelligence
Anthropic
Interactive AI loops for iterative development using the Ralph Wiggum technique: Claude works on tasks repeatedly, seeing prior work until completion.
Anthropic
Analyze codebases and recommend tailored Claude Code automations such as hooks, skills, MCP servers, and subagents.
Anthropic
Commands for git commit workflows including commit, push, and PR creation
Figma
The Figma plugin bridges the gap between design and development by connecting Claude Code directly to your Figma design files. Access design context, extract component information, retrieve design tokens, and translate designs into production-ready code with pixel-perfect fidelity. Key features include extracting structured design data (layout, typography, colors) from Figma frames, fetching design variables and tokens, mapping Figma components to your existing codebase via Code Connect, and capturing visual references for validation. The plugin works with both Figma's cloud server and the desktop app. How to use: Share a Figma URL and ask Claude to implement the design. Use /implement-design to translate Figma frames into code using your project's design system. Use /create-design-system-rules to generate custom guidelines that encode your team's development conventions. Use /code-connect-components to establish mappings between Figma components and your codebase implementations. Example prompts: "Implement this Figma design: [paste Figma URL]", "Create design system rules for my React project", "Connect my Button component to its Figma counterpart", "Extract the color variables from this design file".
Supabase
Connect Claude directly to your Supabase backend for seamless database management, project operations, and development workflows. This plugin provides over 20 tools for managing your Supabase infrastructure through natural conversation. Key features include SQL query execution, table design with migration tracking, project creation and management, log retrieval for debugging, TypeScript type generation from your schema, Edge Function deployment, and experimental database branching for development workflows. How to use: After connecting your Supabase account, you can interact with your projects naturally. Try prompts like "List all my Supabase projects", "Run a SQL query to get all users created this month", "Generate TypeScript types for my database schema", "Show me the logs for my Edge Functions", or "Create a new migration to add an email column to the users table".
Anthropic
PR review agents for comments, tests, errors, types, quality, and simplification
Anthropic
Python language server (Pyright) for type checking and code intelligence
Control and inspect a live Chrome browser from your coding agent. Record performance traces, analyze network requests...
Telegram messaging bridge with built-in access control. Manage pairing, allowlists, and policy via /telegram:access.
Atlassian
Connect Claude Code to your Atlassian Cloud products including Jira, Confluence, and Compass. Search across your organization's knowledge base, create and manage issues, generate status reports, and automate common workflows—all through natural language commands. The integration uses OAuth 2.1 authentication and respects your existing Jira and Confluence permissions. Key capabilities include searching and summarizing content across Jira, Compass, and Confluence, creating issues and pages via natural language, and automating workflows like converting meeting notes into Jira tickets or turning specification documents into organized backlogs with proper Epic hierarchies. How to use: After connecting your Atlassian Cloud account, try prompts like "Create Jira tasks from these meeting notes", "Generate a weekly status report for the Engineering project and publish to Confluence", "Search our Confluence for documentation about the authentication system", or "Convert this spec document into a backlog with an Epic and child tickets". Available skills include /capture-tasks-from-meeting-notes to extract action items and create assigned Jira tickets, /spec-to-backlog to convert Confluence specs into structured Jira backlogs, /generate-status-report to create and publish project updates, /search-company-knowledge to query your internal documentation, and /triage-issue to categorize and prioritize issues.
Slack by Salesforce
The Slack plugin connects Claude Cowork directly to your Slack workspace through the official Slack MCP server. Surface insights from live conversations, synthesize channel activity, and draft structured updates directly within your team's collaboration environment. Analyze discussions, identify key themes, and turn Slack context into shared, actionable communication without leaving your workflow. Key capabilities include generating channel summaries and digests, surfacing discussions, drafting announcements and standups, and composing and editing messages to be sent to Slack. By embedding Slack-native search and messaging intelligence, the plugin transforms Slack into the interactive layer where agent insights become team-visible work. How to use:After connecting your Slack workspace, interact naturally with your channels and conversations. Try prompts like "Summarize the latest activity in #product", "Find discussions about Q3 planning", "Draft an announcement about the new release", "Generate my standup update from yesterday's activity", or "Create a digest of #eng and #sales this week". The plugin handles authentication, permissions, and Slack formatting automatically.
Oraios
Semantic code analysis MCP server for intelligent code understanding, refactoring, and navigation via language server protocol.