[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-sergiodxa-frontend-react-router-best-practices-nl":3,"guides-for-sergiodxa-frontend-react-router-best-practices":222,"similar-k1735q99n2jwhd044ytk55bcyn8678g9":223},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":21,"identity":188,"isFallback":193,"parentExtension":194,"providers":195,"relations":200,"repo":202,"workflow":219},1778053269518.59,"k1735q99n2jwhd044ytk55bcyn8678g9",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.",{},"React Router Best Practices","https://github.com/sergiodxa/agent-skills/tree/HEAD/skills/frontend-react-router-best-practices",[15,16,17,18,19,20],"react-router","frontend","performance","architecture","typescript","best-practices",{"_creationTime":22,"_id":23,"extensionId":5,"locale":24,"result":25,"trustSignals":177,"workflow":186},1778053306113.5762,"kn70sskk39q2g3h0e5q4g5m8jn866es4","en",{"checks":26,"evaluatedAt":167,"extensionSummary":168,"promptVersionExtension":169,"promptVersionScoring":170,"rationale":171,"score":172,"summary":173,"tags":174,"targetMarket":175,"tier":176},[27,32,35,38,42,45,49,54,57,60,64,68,71,75,78,81,84,87,90,93,97,101,105,109,113,116,119,122,126,129,132,135,138,141,145,148,151,154,157,160,164],{"category":28,"check":29,"severity":30,"summary":31},"Practical Utility","Problem relevance","pass","The description clearly names a concrete user problem and task: \"React Router performance and architecture patterns... Use when writing loaders, actions, forms, routes, or working with React Router data fetching.\"",{"category":28,"check":33,"severity":30,"summary":34},"Unique selling proposition","The extension offers specific rules and patterns for React Router that go beyond basic usage, addressing performance and architecture which would be difficult to achieve with a simple prompt.",{"category":28,"check":36,"severity":30,"summary":37},"Production readiness","The skill covers a comprehensive set of best practices for React Router, including data loading, forms, middleware, and routing, which appears to address the complete lifecycle of related tasks.",{"category":39,"check":40,"severity":30,"summary":41},"Scope","Single responsibility principle","The extension focuses on React Router best practices, covering data loading, forms, middleware, and routing patterns, all within a coherent domain.",{"category":39,"check":43,"severity":30,"summary":44},"Description quality","The description is concise, readable, and accurately reflects the source code's focus on React Router performance and architecture patterns.",{"category":46,"check":47,"severity":30,"summary":48},"Invocation","Scoped tools","The skill appears to be composed of many specific, well-scoped rules and patterns rather than general-purpose tools.",{"category":50,"check":51,"severity":52,"summary":53},"Documentation","Configuration & parameter reference","not_applicable","This skill does not appear to have explicit configuration options or parameters that require documentation beyond what is covered in the rule files themselves.",{"category":39,"check":55,"severity":30,"summary":56},"Tool naming","The rules are descriptively named using kebab-case and clearly indicate their purpose within the React Router domain.",{"category":39,"check":58,"severity":30,"summary":59},"Minimal I/O surface","The rules focus on providing best practice guidance rather than exposing broad I/O operations.",{"category":61,"check":62,"severity":30,"summary":63},"License","License usability","The extension is licensed under the MIT license, which is a permissive open-source license.",{"category":65,"check":66,"severity":52,"summary":67},"Maintenance","Commit recency","No commit history is available for this specific skill's files in the provided context.",{"category":65,"check":69,"severity":52,"summary":70},"Dependency Management","The extension appears to be a set of best practices and rules, not a package with external dependencies.",{"category":72,"check":73,"severity":52,"summary":74},"Security","Secret Management","The skill provides best practices and does not handle or expose secrets.",{"category":72,"check":76,"severity":30,"summary":77},"Injection","The skill guides developers on secure coding practices and does not load untrusted data or instructions.",{"category":72,"check":79,"severity":30,"summary":80},"Transitive Supply-Chain Grenades","The skill is self-contained and does not fetch external code or data at runtime.",{"category":72,"check":82,"severity":30,"summary":83},"Sandbox Isolation","The skill provides guidance and does not perform file system operations or sandbox escapes.",{"category":72,"check":85,"severity":30,"summary":86},"Sandbox escape primitives","No detached-process spawns or deny-retry loops are present in this guidance-based skill.",{"category":72,"check":88,"severity":30,"summary":89},"Data Exfiltration","The skill focuses on best practices and does not contain any instructions for reading or submitting confidential data.",{"category":72,"check":91,"severity":30,"summary":92},"Hidden Text Tricks","The bundled content is free of hidden-steering tricks and uses clean printable ASCII.",{"category":94,"check":95,"severity":30,"summary":96},"Hooks","Opaque code execution","The skill provides readable guidance and does not involve obfuscated code or runtime script fetching.",{"category":98,"check":99,"severity":30,"summary":100},"Portability","Structural Assumption","The skill provides best practices and does not make assumptions about user-specific project organization or OS-specific paths.",{"category":102,"check":103,"severity":52,"summary":104},"Trust","Issues Attention","No issue tracking data is available for this specific skill.",{"category":106,"check":107,"severity":52,"summary":108},"Versioning","Release Management","No versioning information is available for this individual skill within the repository context.",{"category":110,"check":111,"severity":30,"summary":112},"Code Execution","Validation","The skill itself guides on validation practices using Zod and does not involve executable code with untrusted input.",{"category":72,"check":114,"severity":30,"summary":115},"Unguarded Destructive Operations","The skill provides guidance and does not contain any destructive operations.",{"category":110,"check":117,"severity":30,"summary":118},"Error Handling","The skill itself provides guidance on error handling practices and does not contain error-prone executable code.",{"category":110,"check":120,"severity":30,"summary":121},"Logging","The skill provides guidance and does not perform logging operations.",{"category":123,"check":124,"severity":30,"summary":125},"Compliance","GDPR","The skill guides on best practices and does not operate on personal data.",{"category":123,"check":127,"severity":30,"summary":128},"Target market","The extension provides general React Router best practices applicable globally and does not have regional or jurisdictional logic.",{"category":98,"check":130,"severity":30,"summary":131},"Runtime stability","The skill provides guidance and does not make assumptions about specific editors, shells, or OS environments.",{"category":46,"check":133,"severity":30,"summary":134},"Precise Purpose","The description clearly states the skill's purpose and when to apply it, naming artifacts and user intents.",{"category":46,"check":136,"severity":30,"summary":137},"Concise Frontmatter","The frontmatter is dense, self-contained, and provides a clear summary of the core capability and trigger phrases.",{"category":50,"check":139,"severity":30,"summary":140},"Concise Body","The SKILL.md body is under 500 lines and delegates deeper material to separate rule files.",{"category":142,"check":143,"severity":30,"summary":144},"Context","Progressive Disclosure","Detailed procedures and rules are split into separate markdown files (e.g., @rules/...) and linked from the main SKILL.md, demonstrating progressive disclosure.",{"category":142,"check":146,"severity":52,"summary":147},"Forked exploration","This skill provides guidance and best practices, it does not involve deep exploration or code review that would require forked context.",{"category":28,"check":149,"severity":30,"summary":150},"Usage examples","The skill includes numerous ready-to-use examples demonstrating input, invocation, and expected outcomes for various React Router patterns.",{"category":28,"check":152,"severity":30,"summary":153},"Edge cases","The skill addresses various edge cases and limitations related to React Router, including documentation for failure modes and recovery paths.",{"category":110,"check":155,"severity":52,"summary":156},"Tool Fallback","The skill is a set of best practices and does not rely on external tools like MCP servers.",{"category":98,"check":158,"severity":30,"summary":159},"Stack assumptions","The skill clearly names its stack assumptions (React Router, TypeScript, Node.js timers) and preconditions upfront.",{"category":161,"check":162,"severity":30,"summary":163},"Safety","Halt on unexpected state","The skill guides developers to halt workflows on unexpected states and report them, aligning with safety principles.",{"category":98,"check":165,"severity":30,"summary":166},"Cross-skill coupling","The skill is self-contained and does not implicitly rely on other skills; cross-skill coordination is not applicable here.",1778053293739,"This skill offers a detailed set of rules and patterns for optimizing React Router applications, focusing on efficient data fetching, secure form handling, effective middleware usage, and organized routing strategies. It includes numerous code examples and best practice guidelines.","2.0.0","3.4.0","This skill is exceptionally well-documented and comprehensive, covering React Router best practices across data loading, forms, middleware, and routing. It provides clear examples, addresses edge cases, and adheres to high standards for structure and safety, earning it a verified tier.",98,"Provides comprehensive best practices for React Router, covering data loading, forms, middleware, and routing for improved performance and architecture.",[15,16,17,18,19,20],"global","verified",{"codeQuality":178,"collectedAt":179,"documentation":180,"maintenance":182,"security":183,"testCoverage":185},{},1778053282625,{"descriptionLength":181,"readmeSize":8},246,{},{"hasNpmPackage":184,"smitheryVerified":184},false,{"hasCi":184,"hasTests":184},{"updatedAt":187},1778053306113,{"githubOwner":189,"githubRepo":190,"locale":24,"slug":191,"type":192},"sergiodxa","agent-skills","frontend-react-router-best-practices","skill",true,null,{"extract":196,"llm":199},{"commitSha":197,"license":198},"40e21b46189d5c7de6610b68a25280af863f8775","MIT",{"promptVersionExtension":169,"promptVersionScoring":170,"score":172,"targetMarket":175,"tier":176},{"repoId":201},"kd73wtzzjgc8jttgs0x15sp8s9865fzg",{"_creationTime":203,"_id":201,"identity":204,"providers":206,"workflow":216},1777995558409.903,{"githubOwner":189,"githubRepo":190,"sourceUrl":205},"https://github.com/sergiodxa/agent-skills",{"discover":207,"github":210},{"sources":208},[209],"skills-sh",{"closedIssues90d":8,"forks":211,"license":198,"openIssues90d":8,"pushedAt":212,"readmeSize":213,"stars":214,"topics":215},9,1769934384000,156,83,[],{"discoverAt":217,"extractAt":218,"githubAt":218,"updatedAt":218},1777995558409,1778053271306,{"anyEnrichmentAt":220,"extractAt":221,"githubAt":220,"llmAt":187,"updatedAt":187},1778053270043,1778053269518,[],[224,253,287,319,339,371],{"_creationTime":225,"_id":226,"community":227,"display":228,"identity":238,"providers":242,"relations":247,"workflow":249},1778053038365.4285,"k17bkkf71rqak85n36k4z7r13h8662kk",{"reviewCount":8},{"description":229,"installMethods":230,"name":231,"sourceUrl":232,"tags":233},"Proactively apply when creating design systems, component libraries, or any frontend application. Triggers on CSS Grid, Subgrid, Flexbox, Container Queries, :has(), @layer, @scope, CSS nesting, @property, @function, if(), oklch, color-mix, light-dark, relative color, @starting-style, scroll-driven animations, view transitions, anchor positioning, popover, customizable select, content-visibility, logical properties, text-wrap, interpolate-size, clamp, field-sizing, modern CSS, CSS architecture, responsive design, dark mode, theming, design tokens, cascade layers. Use when writing CSS for any web project, choosing layout approaches, building responsive components, implementing dark mode or theming, creating animations or transitions, styling form elements, or modernizing legacy stylesheets. Modern CSS features and best practices for building interfaces with pure native CSS.",{},"Modern CSS","https://github.com/ccheney/robust-skills/tree/HEAD/skills/modern-css",[234,16,235,236,17,237],"css","ui","design-systems","accessibility",{"githubOwner":239,"githubRepo":240,"locale":24,"slug":241,"type":192},"ccheney","robust-skills","modern-css",{"extract":243,"llm":245},{"commitSha":244,"license":198},"85e5e2698d9753fb690666ccd59598e8a0b6f004",{"promptVersionExtension":169,"promptVersionScoring":170,"score":246,"targetMarket":175,"tier":176},96,{"repoId":248},"kd75qepasjckthmb72881rzdj58655g4",{"anyEnrichmentAt":250,"extractAt":251,"githubAt":250,"llmAt":252,"updatedAt":252},1778053039088,1778053038365,1778053066880,{"_creationTime":254,"_id":255,"community":256,"display":257,"identity":272,"providers":276,"relations":281,"workflow":283},1778054812528.722,"k175exhcf750rkmxhzjvwzw07s866exs",{"reviewCount":8},{"description":258,"name":259,"sourceUrl":260,"tags":261},"Production backend systems development. Stack: Node.js/TypeScript, Python, Go, Rust | NestJS, FastAPI, Django, Express | PostgreSQL, MongoDB, Redis. Capabilities: REST/GraphQL/gRPC APIs, OAuth 2.1/JWT auth, OWASP security, microservices, caching, load balancing, Docker/K8s deployment. Actions: design, build, implement, secure, optimize, deploy, test APIs and services. Keywords: API design, REST, GraphQL, gRPC, authentication, OAuth, JWT, RBAC, database, PostgreSQL, MongoDB, Redis, caching, microservices, Docker, Kubernetes, CI/CD, OWASP, security, performance, scalability, NestJS, FastAPI, Express, middleware, rate limiting. Use when: designing APIs, implementing auth/authz, optimizing queries, building microservices, securing endpoints, deploying containers, setting up CI/CD.","Backend Development","https://github.com/samhvw8/dot-claude/tree/HEAD/skills/backend-development",[262,19,263,264,265,266,267,268,269,270,18,17,271],"backend","python","go","rust","api","database","security","devops","testing","documentation",{"githubOwner":273,"githubRepo":274,"locale":24,"slug":275,"type":192},"samhvw8","dot-claude","backend-development",{"extract":277,"llm":279},{"commitSha":278,"license":198},"28c76162116d2eedab131c0e1548fdc76a2999f7",{"promptVersionExtension":169,"promptVersionScoring":170,"score":280,"targetMarket":175,"tier":176},95,{"repoId":282},"kd79ad9dpqazy79y2s6rvajgjn865xek",{"anyEnrichmentAt":284,"extractAt":285,"githubAt":284,"llmAt":286,"updatedAt":286},1778054813688,1778054812528,1778054896678,{"_creationTime":288,"_id":289,"community":290,"display":291,"identity":306,"providers":309,"relations":313,"workflow":315},1778054711476.061,"k17476tqkzzb4g78ambba3qqjs86604n",{"reviewCount":8},{"description":292,"installMethods":293,"name":294,"sourceUrl":295,"tags":296},"Provides domain-specific best practices for Node.js development with TypeScript, covering type stripping, async patterns, error handling, streams, modules, testing, performance, caching, logging, and more. Use when setting up Node.js projects with native TypeScript support, configuring type stripping (--experimental-strip-types), writing Node 22+ TypeScript without a build step, or when the user mentions 'native TypeScript in Node', 'strip types', 'Node 22 TypeScript', '.ts files without compilation', 'ts-node alternative', or needs guidance on error handling, graceful shutdown, flaky tests, profiling, or environment configuration in Node.js. Helps configure tsconfig.json for type stripping, set up package.json scripts, handle module resolution and import extensions, and apply robust patterns across the full Node.js stack.",{},"Node.js Best Practices","https://github.com/mcollina/skills/tree/HEAD/skills/node",[297,298,19,20,299,300,17,270,301,302,303,304,305],"node","nodejs","development","configuration","error-handling","streams","modules","caching","logging",{"githubOwner":307,"githubRepo":308,"locale":24,"slug":297,"type":192},"mcollina","skills",{"extract":310,"llm":312},{"commitSha":311,"license":198},"5b2a81354b6d10325da0db9decc9ce5ecc714138",{"promptVersionExtension":169,"promptVersionScoring":170,"score":280,"targetMarket":175,"tier":176},{"repoId":314},"kd7a9jywzfe3c5g5r1a62htmrn865rt1",{"anyEnrichmentAt":316,"extractAt":317,"githubAt":316,"llmAt":318,"updatedAt":318},1778054711844,1778054711476,1778054745098,{"_creationTime":320,"_id":321,"community":322,"display":323,"identity":332,"providers":334,"relations":337,"workflow":338},1778053269518.589,"k1771mns3f2gw8hennvnkezwth867pj6",{"reviewCount":8},{"description":324,"installMethods":325,"name":326,"sourceUrl":327,"tags":328},"JavaScript performance optimization guidelines. Use when writing, reviewing, or refactoring JavaScript/TypeScript code to ensure optimal performance patterns. Triggers on tasks involving loops, data structures, DOM manipulation, or general JS optimization.",{},"JavaScript Best Practices","https://github.com/sergiodxa/agent-skills/tree/HEAD/skills/frontend-js-best-practices",[329,19,17,330,20,331],"javascript","optimization","code-quality",{"githubOwner":189,"githubRepo":190,"locale":24,"slug":333,"type":192},"frontend-js-best-practices",{"extract":335,"llm":336},{"commitSha":197,"license":198},{"promptVersionExtension":169,"promptVersionScoring":170,"score":280,"targetMarket":175,"tier":176},{"repoId":201},{"anyEnrichmentAt":220,"extractAt":221,"githubAt":220,"llmAt":187,"updatedAt":187},{"_creationTime":340,"_id":341,"community":342,"display":343,"identity":353,"providers":357,"relations":364,"workflow":366},1777995614337.9844,"k17f0xfg2pkfqd1p5jjzh8sswh8645px",{"reviewCount":8},{"description":344,"installMethods":345,"name":346,"sourceUrl":347,"tags":348},"Scaffold an editable Tandem control panel app",{},"Tandem Panel Scaffold","https://github.com/frumu-ai/tandem/tree/HEAD/packages/create-tandem-panel",[349,350,351,19,352,235],"scaffolding","cli","react","vite",{"githubOwner":354,"githubRepo":355,"locale":24,"slug":356,"type":192},"frumu-ai","tandem","create-tandem-panel",{"extract":358,"llm":361,"smithery":363},{"commitSha":359,"license":360},"25c8ae7c2f8b20d576a2b8d44946ac2e0ff9408d","MIT OR Apache-2.0",{"promptVersionExtension":169,"promptVersionScoring":170,"score":362,"targetMarket":175,"tier":176},100,{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":184},{"repoId":365},"kd72pd305er4m7vecv9p6mnd4s865kea",{"anyEnrichmentAt":367,"extractAt":368,"githubAt":369,"llmAt":370,"smitheryAt":367,"updatedAt":370},1777995723550,1777995614338,1777995614791,1777995897177,{"_creationTime":372,"_id":373,"community":374,"display":375,"identity":390,"providers":393,"relations":398,"workflow":400},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":376,"installMethods":377,"name":378,"sourceUrl":379,"tags":380},"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",[381,235,16,234,382,383,384,385,237,351,386,387,388,389],"design","components","palette","typography","tokens","vue","svelte","html","deno",{"githubOwner":391,"githubRepo":190,"locale":24,"slug":392,"type":192},"jwynia","frontend-design",{"extract":394,"llm":396},{"commitSha":395,"license":198},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":169,"promptVersionScoring":170,"score":397,"targetMarket":175,"tier":176},99,{"repoId":399},"kd7efn3mprpa8rd8vm5hw5ebzx864fph",{"anyEnrichmentAt":401,"extractAt":402,"githubAt":401,"llmAt":403,"updatedAt":403},1778053625386,1778053622473,1778054012696]