frontend-design

Awesome Claude Code Plugins

A curated list of production-ready plugins for Claude Code to supercharge your development workflow.

Want plugins that do more than generate text? The connect-apps plugin lets Claude send emails, create issues, post to Slack, and take actions across 500+ apps.

---

Quickstart: Connect Claude to 500+ Apps

The connect-apps plugin lets Claude perform real actions - send emails, create issues, post to Slack. It handles auth and connects to 500+ apps using Composio under the hood.

1. Clone & Run

git clone https://github.com/composio/awesome-claude-plugins.git
cd awesome-claude-plugins
claude --plugin-dir ./connect-apps

2. Run Setup

/connect-apps:setup

Paste your API key when asked. (Get a free key at platform.composio.dev)

3. Try It

Ask Claude to send you a test email. If you receive it, Claude is now connected to 500+ apps.

See all supported apps →

---

Contents

• What Are Claude Plugins?
• Plugins
  • Integrations
  • Frontend & Design
  • Git & Version Control
  • Code Quality & Testing
  • Backend & Architecture
  • DevOps & Performance
  • Documentation & Security
  • Developer Productivity
• Getting Started
• Contributing
• Resources
• License

What Are Claude Plugins?

Claude Plugins are extensions that enhance Claude Code with custom slash commands, specialized agents, hooks, and skills. Plugins can be shared across projects and teams, providing consistent tooling and workflows.

Plugins

Integrations

• connect-apps - Connect Claude to any app. Send emails, create issues, post messages, update databases - take real actions across Gmail, Slack, GitHub, Notion, and 500+ services.

Frontend & Design

• frontend-design - Create distinctive, production-grade interfaces. Avoids generic "AI slop" with bold typography, unique color palettes, and creative layouts.
• artifacts-builder - Suite of tools for creating elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui.
• theme-factory - Applies professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages with 10 pre-set themes.
• canvas-design - Creates beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters and static pieces.
• senior-frontend - React/Next.js/TypeScript development patterns with bundle analysis, component generation, and accessibility best practices.
• frontend-developer - Frontend development specialist agent for building modern web interfaces.

Git & Version Control