[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-facebook-react-devtools-inline-it":3,"guides-for-facebook-react-devtools-inline":222,"similar-k1780wrg9mxv8ct14n4s6napqx867dr5":223},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":19,"identity":184,"isFallback":187,"parentExtension":188,"providers":189,"relations":193,"repo":195,"workflow":219},1778054425877.2017,"k1780wrg9mxv8ct14n4s6napqx867dr5",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"Embed react-devtools within a website",{},"react-devtools-inline","https://github.com/facebook/react/tree/HEAD/packages/react-devtools-inline",[15,16,17,18],"react","devtools","debugging","frontend",{"_creationTime":20,"_id":21,"extensionId":5,"locale":22,"result":23,"trustSignals":172,"workflow":182},1778054588390.8774,"kn74fbemq2aqxznasvm0vqe655866t04","en",{"checks":24,"evaluatedAt":162,"extensionSummary":163,"promptVersionExtension":164,"promptVersionScoring":165,"rationale":166,"score":167,"summary":168,"tags":169,"targetMarket":170,"tier":171},[25,30,33,36,40,43,47,51,54,57,61,66,69,73,76,79,82,85,88,91,95,99,103,107,111,114,117,120,124,127,130,133,136,139,143,146,149,152,155,159],{"category":26,"check":27,"severity":28,"summary":29},"Practical Utility","Problem relevance","pass","The description clearly states the problem: embedding React DevTools within a website.",{"category":26,"check":31,"severity":28,"summary":32},"Unique selling proposition","The extension provides a specialized way to embed React DevTools, which is more than a thin wrapper around a generic API.",{"category":26,"check":34,"severity":28,"summary":35},"Production readiness","The package is designed for embedding DevTools into various environments, and the documentation outlines initialization sequences for different scenarios, indicating production readiness.",{"category":37,"check":38,"severity":28,"summary":39},"Scope","Single responsibility principle","The extension is focused solely on embedding React DevTools, with clear separation between backend and frontend components.",{"category":37,"check":41,"severity":28,"summary":42},"Description quality","The displayed description accurately and concisely reflects the extension's purpose of embedding React DevTools.",{"category":44,"check":45,"severity":28,"summary":46},"Invocation","Scoped tools","The extension exposes distinct backend and frontend initialization/activation APIs, which are specific to their intended use.",{"category":48,"check":49,"severity":28,"summary":50},"Documentation","Configuration & parameter reference","The README clearly documents the `initialize` and `activate` parameters, including their purpose and when they should be called.",{"category":37,"check":52,"severity":28,"summary":53},"Tool naming","Tool names like `initialize` and `activate` are descriptive and appropriate for their functions.",{"category":37,"check":55,"severity":28,"summary":56},"Minimal I/O surface","The APIs for initialization and activation are straightforward, taking a `windowOrGlobal` object and not exposing unnecessary parameters.",{"category":58,"check":59,"severity":28,"summary":60},"License","License usability","The extension is licensed under the MIT license, which is a permissive open-source license.",{"category":62,"check":63,"severity":64,"summary":65},"Maintenance","Commit recency","not_applicable","No commit data was provided for this check.",{"category":62,"check":67,"severity":64,"summary":68},"Dependency Management","No third-party dependencies were identified in the provided files.",{"category":70,"check":71,"severity":64,"summary":72},"Security","Secret Management","The extension does not appear to handle or expose secrets.",{"category":70,"check":74,"severity":28,"summary":75},"Injection","The extension focuses on integrating DevTools and does not appear to load or execute untrusted external data as instructions.",{"category":70,"check":77,"severity":28,"summary":78},"Transitive Supply-Chain Grenades","The extension's code is self-contained and does not download or execute external scripts at runtime.",{"category":70,"check":80,"severity":28,"summary":81},"Sandbox Isolation","The extension operates by injecting hooks and components into the browser's window/global scope, not by modifying files outside its intended context.",{"category":70,"check":83,"severity":28,"summary":84},"Sandbox escape primitives","No detached-process spawns or deny-retry loops were found in the provided code.",{"category":70,"check":86,"severity":28,"summary":87},"Data Exfiltration","The extension's primary function is debugging interface, and there are no indications of it sending confidential data upstream.",{"category":70,"check":89,"severity":28,"summary":90},"Hidden Text Tricks","The bundled files appear to be free of hidden-steering tricks, control characters, or invisible Unicode sequences.",{"category":92,"check":93,"severity":28,"summary":94},"Hooks","Opaque code execution","The code appears to be standard JavaScript and not obfuscated or dynamically fetched.",{"category":96,"check":97,"severity":28,"summary":98},"Portability","Structural Assumption","The extension makes assumptions about the React runtime environment, but these are standard for its intended use case and documented. No user-specific project paths are assumed.",{"category":100,"check":101,"severity":64,"summary":102},"Trust","Issues Attention","No issue data was provided for this check.",{"category":104,"check":105,"severity":28,"summary":106},"Versioning","Release Management","The package.json specifies a version (7.0.1).",{"category":108,"check":109,"severity":64,"summary":110},"Code Execution","Validation","The extension's primary interaction is through API calls and React component rendering, not user-provided values that require schema validation in the traditional sense.",{"category":70,"check":112,"severity":28,"summary":113},"Unguarded Destructive Operations","The extension is focused on debugging and introspection, and does not perform any destructive operations.",{"category":108,"check":115,"severity":28,"summary":116},"Error Handling","The provided code for backend and frontend initialization appears to follow standard JavaScript practices for error handling within component and module structures.",{"category":108,"check":118,"severity":64,"summary":119},"Logging","The extension is for debugging and does not require local audit logging of its operations.",{"category":121,"check":122,"severity":28,"summary":123},"Compliance","GDPR","The extension is for debugging React applications and does not inherently operate on personal data without explicit user action.",{"category":121,"check":125,"severity":28,"summary":126},"Target market","The extension is a general-purpose tool for debugging React applications and has no specific geographic or legal jurisdiction limitations.",{"category":96,"check":128,"severity":28,"summary":129},"Runtime stability","The extension is designed to work within browser environments and requires specific React versions, which are documented, indicating awareness of runtime assumptions.",{"category":44,"check":131,"severity":28,"summary":132},"Precise Purpose","The description clearly states the purpose: embedding React DevTools, and the README specifies usage scenarios like CodeSandbox and StackBlitz.",{"category":44,"check":134,"severity":28,"summary":135},"Concise Frontmatter","The README provides a concise overview and immediately details the core functionality of embedding React DevTools.",{"category":48,"check":137,"severity":28,"summary":138},"Concise Body","The README is well-structured and avoids excessive length, with detailed examples and advanced configurations separated logically.",{"category":140,"check":141,"severity":28,"summary":142},"Context","Progressive Disclosure","The README uses clear examples and separates advanced configurations, effectively disclosing information progressively.",{"category":140,"check":144,"severity":64,"summary":145},"Forked exploration","This extension is not designed for deep exploration or code review; it's for embedding a debugging tool.",{"category":26,"check":147,"severity":28,"summary":148},"Usage examples","The README provides clear, end-to-end examples for both backend and frontend initialization, including advanced configurations.",{"category":26,"check":150,"severity":28,"summary":151},"Edge cases","The README addresses potential issues like the order of initialization and the need for experimental React versions, and details configurations for same-origin and sandboxed iframes.",{"category":108,"check":153,"severity":64,"summary":154},"Tool Fallback","The extension does not rely on external tools like MCP; it integrates directly with React and browser environments.",{"category":156,"check":157,"severity":28,"summary":158},"Safety","Halt on unexpected state","The initialization logic emphasizes calling `initialize` before React is loaded, implying a critical precondition for correct operation.",{"category":96,"check":160,"severity":64,"summary":161},"Cross-skill coupling","This is a standalone tool for embedding React DevTools and does not rely on or interact with other skills.",1778054493008,"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.","2.0.0","3.4.0","The extension is well-documented and robust, with clear usage instructions and examples. It adheres to the single responsibility principle and handles different integration scenarios effectively. No critical or warning findings were observed.",97,"A high-quality extension for embedding React DevTools into various web environments.",[15,16,17,18],"global","verified",{"codeQuality":173,"collectedAt":174,"documentation":175,"maintenance":177,"security":178,"testCoverage":181},{},1778054474839,{"descriptionLength":176,"readmeSize":8},37,{},{"hasNpmPackage":179,"license":180,"smitheryVerified":179},false,"MIT",{"hasCi":179,"hasTests":179},{"updatedAt":183},1778054588390,{"githubOwner":185,"githubRepo":15,"locale":22,"slug":12,"type":186},"facebook","skill",true,null,{"extract":190,"llm":192},{"commitSha":191,"license":180},"9635257c1b557acc81f95b1e974a54c752e703a2",{"promptVersionExtension":164,"promptVersionScoring":165,"score":167,"targetMarket":170,"tier":171},{"repoId":194},"kd73v9dy7vwq94hgzc7eh43b9s865rhq",{"_creationTime":196,"_id":194,"identity":197,"providers":199,"workflow":216},1777995558409.9001,{"githubOwner":185,"githubRepo":15,"sourceUrl":198},"https://github.com/facebook/react",{"discover":200,"github":203},{"sources":201},[202],"skills-sh",{"closedIssues90d":204,"forks":205,"homepage":206,"license":180,"openIssues90d":207,"pushedAt":208,"readmeSize":209,"stars":210,"topics":211},50,50999,"https://react.dev",87,1777711841000,5317,244824,[212,15,18,213,214,215],"javascript","declarative","ui","library",{"discoverAt":217,"extractAt":218,"githubAt":218,"updatedAt":218},1777995558409,1778054430026,{"anyEnrichmentAt":220,"extractAt":221,"githubAt":220,"llmAt":183,"updatedAt":183},1778054428301,1778054425877,[],[224,242,278,295,319,336],{"_creationTime":225,"_id":226,"community":227,"display":228,"identity":234,"providers":236,"relations":240,"workflow":241},1778054425877.2002,"k17f06qkqptc1f3n36wyfetry5867dca",{"reviewCount":8},{"description":229,"installMethods":230,"name":231,"sourceUrl":232,"tags":233},"Use react-devtools outside of the browser",{},"React DevTools Core","https://github.com/facebook/react/tree/HEAD/packages/react-devtools-core",[15,16,212,18,17],{"githubOwner":185,"githubRepo":15,"locale":22,"slug":235,"type":186},"react-devtools-core",{"extract":237,"llm":238},{"commitSha":191,"license":180},{"promptVersionExtension":164,"promptVersionScoring":165,"score":239,"targetMarket":170,"tier":171},95,{"repoId":194},{"anyEnrichmentAt":220,"extractAt":221,"githubAt":220,"llmAt":183,"updatedAt":183},{"_creationTime":243,"_id":244,"community":245,"display":246,"identity":263,"providers":267,"relations":272,"workflow":274},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":247,"installMethods":248,"name":249,"sourceUrl":250,"tags":251},"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.",{},"Frontend Design","https://github.com/jwynia/agent-skills/tree/HEAD/skills/tech/frontend/design/frontend-design",[252,214,18,253,254,255,256,257,258,15,259,260,261,262],"design","css","components","palette","typography","tokens","accessibility","vue","svelte","html","deno",{"githubOwner":264,"githubRepo":265,"locale":22,"slug":266,"type":186},"jwynia","agent-skills","frontend-design",{"extract":268,"llm":270},{"commitSha":269,"license":180},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":164,"promptVersionScoring":165,"score":271,"targetMarket":170,"tier":171},99,{"repoId":273},"kd7efn3mprpa8rd8vm5hw5ebzx864fph",{"anyEnrichmentAt":275,"extractAt":276,"githubAt":275,"llmAt":277,"updatedAt":277},1778053625386,1778053622473,1778054012696,{"_creationTime":279,"_id":280,"community":281,"display":282,"identity":288,"providers":289,"relations":293,"workflow":294},1778054425877.205,"k1788s1zmn7ntdbw621xdwznvx8664ht",{"reviewCount":8},{"description":283,"installMethods":284,"name":285,"sourceUrl":286,"tags":287},"Brand checking of React Elements.",{},"react-is","https://github.com/facebook/react/tree/HEAD/packages/react-is",[15,212,18,214],{"githubOwner":185,"githubRepo":15,"locale":22,"slug":285,"type":186},{"extract":290,"llm":291},{"commitSha":191,"license":180},{"promptVersionExtension":164,"promptVersionScoring":165,"score":292,"targetMarket":170,"tier":171},98,{"repoId":194},{"anyEnrichmentAt":220,"extractAt":221,"githubAt":220,"llmAt":183,"updatedAt":183},{"_creationTime":296,"_id":297,"community":298,"display":299,"identity":305,"providers":308,"relations":313,"workflow":315},1778053100136.2432,"k172mxtfqpq8byws1fyd2va1018674xt",{"reviewCount":8},{"description":300,"installMethods":301,"name":249,"sourceUrl":302,"tags":303},"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.",{},"https://github.com/bytedance/deer-flow/tree/HEAD/skills/public/frontend-design",[18,252,214,304,261,253,15,259],"web-components",{"githubOwner":306,"githubRepo":307,"locale":22,"slug":266,"type":186},"bytedance","deer-flow",{"extract":309,"llm":312},{"commitSha":310,"license":311},"1336872b15c25d45ebcb7c1cf72369c2bdd53187","MIT-0",{"promptVersionExtension":164,"promptVersionScoring":165,"score":292,"targetMarket":170,"tier":171},{"repoId":314},"kd789sm7egx1h0t1jag6zzhcq98656wv",{"anyEnrichmentAt":316,"extractAt":317,"githubAt":316,"llmAt":318,"updatedAt":318},1778053101076,1778053100136,1778053169012,{"_creationTime":320,"_id":321,"community":322,"display":323,"identity":329,"providers":331,"relations":334,"workflow":335},1778054425877.1997,"k176jrh9df1ftbsana36ytkw7h867mbd",{"reviewCount":8},{"description":229,"installMethods":324,"name":325,"sourceUrl":326,"tags":327},{},"React DevTools","https://github.com/facebook/react/tree/HEAD/packages/react-devtools",[15,16,17,212,328],"electron",{"githubOwner":185,"githubRepo":15,"locale":22,"slug":330,"type":186},"react-devtools",{"extract":332,"llm":333},{"commitSha":191,"license":180},{"promptVersionExtension":164,"promptVersionScoring":165,"score":239,"targetMarket":170,"tier":171},{"repoId":194},{"anyEnrichmentAt":220,"extractAt":221,"githubAt":220,"llmAt":183,"updatedAt":183},{"_creationTime":337,"_id":338,"community":339,"display":340,"identity":350,"providers":354,"relations":361,"workflow":363},1777995614337.9844,"k17f0xfg2pkfqd1p5jjzh8sswh8645px",{"reviewCount":8},{"description":341,"installMethods":342,"name":343,"sourceUrl":344,"tags":345},"Scaffold an editable Tandem control panel app",{},"Tandem Panel Scaffold","https://github.com/frumu-ai/tandem/tree/HEAD/packages/create-tandem-panel",[346,347,15,348,349,214],"scaffolding","cli","typescript","vite",{"githubOwner":351,"githubRepo":352,"locale":22,"slug":353,"type":186},"frumu-ai","tandem","create-tandem-panel",{"extract":355,"llm":358,"smithery":360},{"commitSha":356,"license":357},"25c8ae7c2f8b20d576a2b8d44946ac2e0ff9408d","MIT OR Apache-2.0",{"promptVersionExtension":164,"promptVersionScoring":165,"score":359,"targetMarket":170,"tier":171},100,{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":179},{"repoId":362},"kd72pd305er4m7vecv9p6mnd4s865kea",{"anyEnrichmentAt":364,"extractAt":365,"githubAt":366,"llmAt":367,"smitheryAt":364,"updatedAt":367},1777995723550,1777995614338,1777995614791,1777995897177]