CLAUDE CODE MARKETPLACES
SkillsMarketplacesMCPDigestLearnJobsAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Web & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web CrawlingAutomation & Workflows
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Plugins Reference

Community

  • About
  • Learn
  • Feedback
  • Privacy Policy
  • Jobs
  • Advertise

Built for the Claude Code community with Claude Code by @mertduzgun

Independent project, not affiliated with Anthropic
  1. Skills
  2. /
  3. callstackincubator
  4. /
  5. agent-react-devtools
  6. /
  7. React Devtools

React Devtools

Editor's Note

This connects Claude to a running React or React Native app via the DevTools protocol and exposes the component tree, props, state, hooks, and profiling data in a parseable format. You'd reach for it when debugging why something re-renders too often, profiling slow interactions, or inspecting component state without littering your code with console.logs. The CLI gives you stable component labels like @c1, @c2 that persist across commands, so you can get the tree, find the culprit, then drill into its props and render history. One catch: if you're using it with agent-browser, you must run in headed mode because headless Chromium won't execute the connection script properly. The profiling workflow is solid for isolating expensive commits and tracking down what props or state triggered each render.

Install

npx skills add https://github.com/callstackincubator/agent-react-devtools --skill react-devtools
Votes
0
Installs764
GitHub Stars220
Categories
Frontend DevelopmentBackend & APIsTesting & QAGit & Pull RequestsCode Review & QualityAI & Agent BuildingDebuggingAutomation & WorkflowsMobile DevelopmentGoDesign & UI/UXCLI & Terminal
First SeenMay 16, 2026
View on GitHub

Comments

Login to comment

Related Frontend Development Skills

View all →
frontend-design

anthropics/skills

10
418.1k
135.1k
Distinctive, production-grade frontend interfaces that reject generic AI aesthetics.
vercel-react-best-practices

vercel-labs/agent-skills

5
402.7k
26.6k
3
React and Next.js performance optimization guide with 64 prioritized rules across 8 categories.
remotion-best-practices

remotion-dev/skills

0
312.3k
3.2k
Domain-specific knowledge base for building videos with Remotion and React.
vercel-composition-patterns

vercel-labs/agent-skills

0
175.4k
26.6k
React composition patterns for scaling components and avoiding boolean prop proliferation.
ui-ux-pro-max

nextlevelbuilder/ui-ux-pro-max-skill

4
167k
79k
Comprehensive design intelligence for web and mobile UI/UX across 10 technology stacks.
shadcn

shadcn/ui

0
143.8k
114.5k
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.