By fradser
Connect Claude Code to a local Next.js DevTools MCP server for inspecting routes, tracing Server Actions, debugging builds, troubleshooting connections, detecting errors, and migrating Cache Components in Next.js 16+ projects.
npx claudepluginhub fradser/dotclaude --plugin next-devtoolsEnglish | 简体中文
A curated collection of 15 plugins for Claude Code, providing specialized agents, skills, and automation tools for development and productivity workflows.
Conventional Git automation for commits and repository management with AI code quality checks.
Installation:
claude plugin install git@frad-dotclaude
GitFlow workflow automation for feature, hotfix, and release branches with semantic versioning.
Installation:
claude plugin install gitflow@frad-dotclaude
GitHub project operations with quality gates, TDD workflows, and comprehensive validation.
Installation:
claude plugin install github@frad-dotclaude
Advanced development workflow orchestration with BDD support and Agent Team execution for complex projects.
Installation:
claude plugin install superpowers@frad-dotclaude
Code simplification and refactoring with language-specific patterns and cross-file optimization.
Installation:
claude plugin install refactor@frad-dotclaude
SwiftUI Clean Architecture reviewer for iOS/macOS development with best practices enforcement.
Installation:
claude plugin install swiftui@frad-dotclaude
Generate comprehensive CLAUDE.md configuration files with environment detection and interactive workflow.
Installation:
claude plugin install claude-config@frad-dotclaude
Patent application generation, Feishu document creation, and Product Requirements Documents.
Installation:
claude plugin install office@frad-dotclaude
Validate and optimize Claude Code plugins against official best practices with agent-based fixes.
Installation:
claude plugin install plugin-optimizer@frad-dotclaude
Next.js development tools integration via MCP server for routing, components, and API analysis.
Installation:
claude plugin install next-devtools@frad-dotclaude
Knowledge base for acpx - a headless ACP CLI for agent-to-agent communication.
Installation:
claude plugin install acpx@frad-dotclaude
Manages shadcn components - adding, searching, fixing, debugging, styling, and composing UI.
Installation:
claude plugin install shadcn@frad-dotclaude
Five methods to retrieve code context: DeepWiki, Context7, Exa, git clone, and web search.
Installation:
claude plugin install code-context@frad-dotclaude
General-purpose utility skills for documentation, writing, and project maintenance.
Installation:
claude plugin install utils@frad-dotclaude
Enforces task clarity before execution and requires verified work before exit.
Installation:
claude plugin install meeseeks-vetted@frad-dotclaude
plugin-name/..claude-plugin/plugin.json with required metadata..claude-plugin/marketplace.json./utils:update-readme to sync both README files.MCP server for Next.js developer tooling
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
Advanced Next.js skills for App Router, Server Components, and data fetching.
Comprehensive toolkit with 8 expert skills for Claude Code plugin development covering hooks, MCP integration, commands, and agents with best practices.
Complete development suite: 3 expert agents (fullstack developer, validation gates, documentation manager) + 3 commands (containerize, PRP generation/execution) + 5 skills (git commit helper, webapp testing, devtools, PRP generator, Fifteen-Factor App) + 5 MCP integrations
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples.
Advanced development superpowers for orchestrating complex workflows with Superpower Loop and work verification
SwiftUI code review with modern API best practices.
Knowledge base for acpx - a headless ACP CLI for agent-to-agent communication
5 methods to retrieve code context: DeepWiki, Context7, Exa, git clone, and web search+fetch
next-devtoolsShare bugs, ideas, or general feedback.
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>
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim