πŸ“š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. /Data & Analysis
  4. /Frontend Developer
πŸ“Š

Frontend Developer

πŸ“¦PluginπŸ“ŠData & Analysis866

Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n<example>\nContext: Building a new user interface\nuser: "Create a dashboard for displaying user analytics"\nassistant: "I'll build an analytics dashboard with interactive charts. Let me use the frontend-developer agent to create a responsive, data-rich interface."\n<commentary>\nComplex UI components require frontend expertise for proper implementation and performance.\n</commentary>\n</example>\n\n<example>\nContext: Fixing UI/UX issues\nuser: "The mobile navigation is broken on small screens"\nassistant: "I'll fix the responsive navigation issues. Let me use the frontend-developer agent to ensure it works perfectly across all device sizes."\n<commentary>\nResponsive design issues require deep understanding of CSS and mobile-first development.\n</commentary>\n</example>\n\n<example>\nContext: Optimizing frontend performance\nuser: "Our app feels sluggish when loading large datasets"\nassistant: "Performance optimization is crucial for user experience. I'll use the frontend-developer agent to implement virtualization and optimize rendering."\n<commentary>\nFrontend performance requires expertise in React rendering, memoization, and data handling.\n</commentary>\n</example>

By ccplugins

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 <owner>/<repo>
  2. Install the plugin:
    /plugin install <plugin-name>@<marketplace>

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

  • Claude Skills Hub

More in Data & Analysis

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

PostgreSQL Server

Query and manage PostgreSQL databases with read-only access by default

πŸ“ŠData & Analysis88,106
πŸ“Š
πŸ”ŒMCP Serverβ˜… Featured

SQLite Server

Interact with SQLite databases for queries, schema inspection, and data analysis

πŸ“ŠData & Analysis88,106
πŸ“Š
πŸ”ŒMCP Serverβ˜… Featured

Context7 Server

Provide up-to-date, version-specific library documentation directly in your prompts instead of outdated training data

πŸ“ŠData & Analysis58,653
πŸ“Š
🧩Skillβ˜… Featured

Skyvern Browser Automation

AI-powered browser automation β€” navigate sites, fill forms, extract structured data, log in with stored credentials, and build reusable workflows

πŸ“ŠData & Analysis22,126

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 <owner>/<repo>
  2. Install the plugin:
    /plugin install <plugin-name>@<marketplace>

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 β†’