Search everything...

Stats

Actions

Available In

Help us improve

Share bugs, ideas, or general feedback.

frontend-mobile-development | ClaudePluginHub

Plugin

frontend-mobile-development

Name: frontend-mobile-development
Author: ericgrill

By EricGrill

Build production-ready frontend and mobile apps with React, Next.js 14+, React Native, and Tailwind CSS v4. Use App Router patterns, state management, responsive design systems, and component scaffolding with TypeScript, tests, and accessibility built in.

npx claudepluginhub ericgrill/agents-skills-plugins --plugin frontend-mobile-development

Popularity

Stars

Top 25%

Med: 0·Avg: 274

Installs

Med: 0·Avg: 1

What's Inside

Slash Commands1

React/React Native Component Scaffolding

/component-scaffold

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, styles, and documentation following modern best practices.

Agents2

frontend-developer

/frontend-developer

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.

mobile-developer

/mobile-developer

Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.

Skills4

nextjs-app-router-patterns

/nextjs-app-router-patterns

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

react-native-architecture

/react-native-architecture

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

react-state-management

/react-state-management

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

tailwind-design-system

/tailwind-design-system

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Stats

Version1.0.0

LanguagePython

Stars15

Forks5

MaintenanceGood

LicenseMIT

Last CommitApr 6, 2026

AddedJan 9, 2026

Actions

View on GitHub View README Plugin Marketplace JSON Homepage

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge.

Available In

agents-skills-plugins14

Safety Signals

Caution

Uses power tools

Uses Bash, Write, or Edit tools

Help us improve

Share bugs, ideas, or general feedback.

README

Claude Code Plugin Marketplace

Open-source plugins, agents, and skills for Claude Code CLI

Quick Start | Catalog | Full List | Contributing

What is this?

A community-maintained collection of plugins that extend Claude Code with specialized capabilities. Each plugin adds agents, skills, or commands that help with specific development tasks—from TDD and debugging to document generation and DevOps automation.

This marketplace aggregates plugins from multiple authors so you can discover, install, and manage them from one place.

Quick Start

Get started in two commands:

# Add the marketplace to Claude Code
/plugin marketplace add EricGrill/agents-skills-plugins

# Install any plugin from the catalog
/plugin install <plugin-name>@agents-skills-plugins

New to Claude Code plugins? Start with superpowers - it includes essential skills for TDD, debugging, and code review that work with any project.

Why Use a Plugin Marketplace?

Benefit	Description
One-command install	No manual setup. Install plugins directly within Claude Code
Curated collection	Plugins are reviewed and organized by use case
Auto-sync	The marketplace updates weekly from upstream sources
Community-driven	Contributions welcome from any plugin author

Plugin Catalog

By Category

Category	Plugins	Best For
Core & Workflows	superpowers, developer-essentials, git-pr-workflows	Every developer
Documents & Productivity	awesome-claude-skills (27 skills!)	Office docs, media, productivity
Languages	python-development, javascript-typescript	Language-specific development
AI & LLM	llm-application-dev, agent-orchestration	Building AI applications
Code Quality	comprehensive-review, unit-testing, code-documentation	Better code
Frontend & Mobile	frontend-mobile-development, frontend-mobile-security	Web & mobile apps
DevOps	deployment-strategies, full-stack-orchestration	Infrastructure & deployment
MCP Servers	mcp-proxmox-admin, mcp-kali-orchestration, mcp-bitcoin-cli	Claude tool integrations
SEO & Marketing	seo-content-creation, content-marketing	Content & SEO
Data & Backend	database-design, data-validation-suite	Data management
Specialized	blockchain-web3, game-development	Domain-specific

All Plugins

Core & Workflows

Essential plugins that every developer should consider.

superpowers - Core skills library (14 skills, 3 commands)

The foundation for effective Claude Code usage. Includes TDD, debugging, code review, and collaboration patterns.

Read the guide: Brainstorming Superpower Guide — How to use the brainstorming skill to explore ideas before writing code.

/plugin install superpowers@agents-skills-plugins

Skills	Commands
brainstorming, dispatching-parallel-agents, executing-plans, finishing-a-development-branch, receiving-code-review, requesting-code-review, subagent-driven-development, systematic-debugging, test-driven-development, using-git-worktrees, using-superpowers, verification-before-completion, writing-plans, writing-skills	`/brainstorm` `/write-plan` `/execute-plan`

Forked from obra/superpowers

developer-essentials - Monorepos, debugging, testing (11 skills)

Essential patterns for modern development workflows including monorepo management, build optimization, and advanced git.

Read the guide: Developer-Essentials Monorepo Guide — Setting up monorepo architecture with Nx, Turborepo, and Bazel.

/plugin install developer-essentials@agents-skills-plugins

View full README on GitHub

Similar Plugins

frontend-mobile-development

36.4k·53·

Frontend UI development and mobile application implementation across platforms

v1.2.3

wshobson

senior-frontend

1.7k·

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS. Includes component scaffolding, bundle analysis, performance optimization, and accessibility best practices.

4mo

v1.0.0

ComposioHQ

web-dev

682·

Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>

4mo

v1.0.0

ananddtyagi

web

17·

Agents and skills that are specialised in building and maintaining web applications

4mo

v1.8.1

mintuz

frontend-excellence

33·20·

Modern React and UI development expertise. Master React 19, Next.js 15, component architecture, state management, performance optimization, and design systems.

4mo

v1.0.0

dotclaude

react-native-dev

1.7k·3·

React Native mobile development with platform-specific optimizations

4mo

v1.0.0

rohitg00

Help us improve

Find plugins for your project

Help us improve

frontend-mobile-development

Popularity

What's Inside

Help us improve

Health & Quality

Confidence

README

Claude Code Plugin Marketplace

What is this?

Quick Start

Why Use a Plugin Marketplace?

Plugin Catalog

By Category

All Plugins

Core & Workflows

Similar Plugins

frontend-mobile-development

senior-frontend

web-dev

web

frontend-excellence

react-native-dev

More by EricGrill

code-review

context-management

customer-sales-automation

team-collaboration

llm-application-dev

Claude Code Plugin Marketplace

What is this?

Quick Start

Why Use a Plugin Marketplace?

Plugin Catalog

By Category

All Plugins

Core & Workflows