react-devtools-inline
Skill 検証済みEmbed react-devtools within a website
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.
インストール
npx skills add facebook/reactVercel skills CLI(skills.sh)を npx 経由で実行します。ローカルに Node.js と、skills 対応のエージェント(Claude Code、Cursor、Codex など)が少なくとも 1 つインストールされている必要があります。リポジトリが agentskills.io 形式に従っていることを前提としています。
類似の拡張機能
React DevTools Core
95Use react-devtools outside of the browser
Frontend Design
99Create 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.
react-is
98Brand checking of React Elements.
Frontend Design
98Create 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.
React DevTools
95Use react-devtools outside of the browser
Tandem Panel Scaffold
100Scaffold an editable Tandem control panel app