react-devtools-inline

Skill Verified

Embed react-devtools within a website

AI Summary

This package allows developers to integrate React DevTools directly into browser-based tools like CodeSandbox or StackBlitz. It provides separate backend and frontend initialization APIs to manage the connection between the React application and the DevTools interface, supporting both same-origin and sandboxed iframes.

Installation

npx skills add facebook/react

Runs the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.

8 days ago

facebook

244.8k stars

MIT

react.dev

Updated 4 days ago

View Source

Similar Extensions

React DevTools Core

Use react-devtools outside of the browser

Skill

facebook

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.

Skill

jwynia

react-is

Brand checking of React Elements.

Skill

facebook

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Skill

bytedance

React DevTools

Use react-devtools outside of the browser

Skill

facebook

Tandem Panel Scaffold

100

Scaffold an editable Tandem control panel app

Skill

frumu-ai