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/reactเรียกใช้ Vercel skills CLI (skills.sh) ผ่าน npx — ต้องติดตั้ง Node.js ในเครื่อง และมี agent ที่รองรับ skills อย่างน้อยหนึ่งตัว (Claude Code, Cursor, Codex, …) ทั้งนี้สมมติว่า repo ใช้รูปแบบ 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