[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-wsimmonds-nextjs-server-client-components-de":3,"guides-for-wsimmonds-nextjs-server-client-components":221,"similar-k177sctvw8nnwgpp08s884652s866jf6":222},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":20,"identity":187,"isFallback":192,"parentExtension":193,"providers":194,"relations":199,"repo":201,"workflow":218},1778053713797.3562,"k177sctvw8nnwgpp08s884652s866jf6",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive. Activates when prompt mentions useSearchParams, Suspense, navigation, routing, Link component, redirect, pathname, searchParams, cookies, headers, async components, or 'use client'. Essential for avoiding mixing server/client APIs.",{},"Next.js Server vs. Client Components","https://github.com/wsimmonds/claude-nextjs-skills/tree/HEAD/nextjs-server-client-components",[15,16,17,18,19],"next-js","react","typescript","components","documentation",{"_creationTime":21,"_id":22,"extensionId":5,"locale":23,"result":24,"trustSignals":176,"workflow":185},1778053743253.6875,"kn77xxc4sa9yn0hz3xsvsggfa1866358","en",{"checks":25,"evaluatedAt":166,"extensionSummary":167,"promptVersionExtension":168,"promptVersionScoring":169,"rationale":170,"score":171,"summary":172,"tags":173,"targetMarket":174,"tier":175},[26,31,34,37,41,44,49,53,56,59,63,67,70,74,77,80,83,86,89,92,96,100,104,108,112,115,118,121,125,128,131,134,137,140,144,147,150,153,156,159,163],{"category":27,"check":28,"severity":29,"summary":30},"Practical Utility","Problem relevance","pass","The description clearly names a concrete problem: guiding users on choosing between Server Components and Client Components in Next.js App Router, and lists critical use cases like useSearchParams and navigation.",{"category":27,"check":32,"severity":29,"summary":33},"Unique selling proposition","The skill provides specific guidance and code patterns for Next.js Server vs. Client Components, offering value beyond default LLM behavior by addressing complex routing and data access scenarios.",{"category":27,"check":35,"severity":29,"summary":36},"Production readiness","The skill comprehensively covers the decision-making process for Server and Client Components, including detailed examples for common patterns and anti-patterns, suggesting it's ready for real-world use.",{"category":38,"check":39,"severity":29,"summary":40},"Scope","Single responsibility principle","The extension focuses solely on guiding the choice and implementation of Server and Client Components in Next.js App Router, without straying into unrelated domains like deployment or general testing.",{"category":38,"check":42,"severity":29,"summary":43},"Description quality","The description is accurate, concise, readable, and precisely reflects the content and focus of the SKILL.md file.",{"category":45,"check":46,"severity":47,"summary":48},"Invocation","Scoped tools","not_applicable","This skill does not expose any specific tools; it provides guidance and examples within its markdown file. Therefore, the check for scoped tools is not applicable.",{"category":50,"check":51,"severity":47,"summary":52},"Documentation","Configuration & parameter reference","The skill does not involve external configuration or parameters beyond the core Next.js concepts it explains. Thus, this check is not applicable.",{"category":38,"check":54,"severity":47,"summary":55},"Tool naming","This skill does not define or use specific tools, so tool naming is not applicable.",{"category":38,"check":57,"severity":47,"summary":58},"Minimal I/O surface","As this skill provides guidance via markdown and does not expose specific tools with input/output schemas, this check is not applicable.",{"category":60,"check":61,"severity":29,"summary":62},"License","License usability","The extension includes a standard MIT license file, allowing for broad usability.",{"category":64,"check":65,"severity":47,"summary":66},"Maintenance","Commit recency","The repository has no commit history available for evaluation, making this check not applicable.",{"category":64,"check":68,"severity":47,"summary":69},"Dependency Management","No external dependencies are managed or declared by this skill, making this check not applicable.",{"category":71,"check":72,"severity":29,"summary":73},"Security","Secret Management","The skill's content focuses on code structure and best practices, with no indication of secrets being used or handled.",{"category":71,"check":75,"severity":29,"summary":76},"Injection","The skill's content is purely instructional markdown and does not load or execute untrusted third-party data.",{"category":71,"check":78,"severity":29,"summary":79},"Transitive Supply-Chain Grenades","The skill's content is self-contained and does not fetch remote content or execute external scripts.",{"category":71,"check":81,"severity":29,"summary":82},"Sandbox Isolation","The skill's content is static markdown and does not perform any file system operations or interact with the sandbox.",{"category":71,"check":84,"severity":29,"summary":85},"Sandbox escape primitives","No detached processes or retry loops are present as the skill's content is static markdown.",{"category":71,"check":87,"severity":29,"summary":88},"Data Exfiltration","The skill's content is purely instructional and does not contain any outbound calls or references to confidential data.",{"category":71,"check":90,"severity":29,"summary":91},"Hidden Text Tricks","The bundled markdown files are free of hidden text tricks, invisible characters, or other obfuscation methods.",{"category":93,"check":94,"severity":29,"summary":95},"Hooks","Opaque code execution","The skill's content is plain markdown and does not contain any obfuscated code, eval statements, or runtime fetched scripts.",{"category":97,"check":98,"severity":29,"summary":99},"Portability","Structural Assumption","The skill's guidance is general and does not make assumptions about user-specific project organization outside of standard Next.js patterns.",{"category":101,"check":102,"severity":47,"summary":103},"Trust","Issues Attention","No issue tracker information is available in the provided context, making this check not applicable.",{"category":105,"check":106,"severity":47,"summary":107},"Versioning","Release Management","No versioning information is present in the SKILL.md or other metadata files, and the repository has no commits or releases. This check is not applicable.",{"category":109,"check":110,"severity":47,"summary":111},"Code Execution","Validation","This skill provides guidance through markdown and does not execute code or process structured input, making validation checks not applicable.",{"category":71,"check":113,"severity":29,"summary":114},"Unguarded Destructive Operations","The skill is purely informational and contains no destructive operations.",{"category":109,"check":116,"severity":47,"summary":117},"Error Handling","The skill does not execute code, so error handling checks are not applicable.",{"category":109,"check":119,"severity":47,"summary":120},"Logging","As the skill does not execute code or perform destructive actions, logging is not applicable.",{"category":122,"check":123,"severity":29,"summary":124},"Compliance","GDPR","The skill provides coding guidance and does not operate on personal data.",{"category":122,"check":126,"severity":29,"summary":127},"Target market","The guidance provided is relevant to Next.js development, which is global in scope, and no regional-specific logic is detected.",{"category":97,"check":129,"severity":29,"summary":130},"Runtime stability","The skill is written in markdown and makes no assumptions about specific editors, shells, or Claude Code runtimes.",{"category":45,"check":132,"severity":29,"summary":133},"Precise Purpose","The description clearly states the purpose (guiding Server vs. Client Components) and provides specific triggers and boundaries.",{"category":45,"check":135,"severity":29,"summary":136},"Concise Frontmatter","The frontmatter is concise and effectively summarizes the core capability and trigger phrases.",{"category":50,"check":138,"severity":29,"summary":139},"Concise Body","The SKILL.md body is well-structured and avoids unnecessary verbosity, keeping the core instructions clear.",{"category":141,"check":142,"severity":29,"summary":143},"Context","Progressive Disclosure","The SKILL.md file is reasonably sized and avoids embedding large amounts of third-party material, adhering to progressive disclosure principles.",{"category":141,"check":145,"severity":47,"summary":146},"Forked exploration","This skill provides guidance rather than deep exploration or code review, so `context: fork` is not applicable.",{"category":27,"check":148,"severity":29,"summary":149},"Usage examples","The skill provides numerous clear, end-to-end examples demonstrating various Next.js component patterns and anti-patterns, with code snippets and explanations.",{"category":27,"check":151,"severity":29,"summary":152},"Edge cases","The skill explicitly documents several anti-patterns and critical warnings, which serve as edge cases and limitations with clear recovery steps or alternative patterns.",{"category":109,"check":154,"severity":47,"summary":155},"Tool Fallback","This skill does not rely on external tools like MCP servers, making this check not applicable.",{"category":97,"check":157,"severity":29,"summary":158},"Stack assumptions","The skill clearly assumes a Next.js App Router environment and TypeScript, which are standard for modern Next.js development, and states these implicitly through its examples and content.",{"category":160,"check":161,"severity":29,"summary":162},"Safety","Halt on unexpected state","The skill is purely informational and does not involve code execution, thus no preconditions or state changes that require halting.",{"category":97,"check":164,"severity":29,"summary":165},"Cross-skill coupling","The skill is self-contained and focuses on Next.js component patterns without implicit reliance on other skills.",1778053738082,"This skill provides detailed explanations and code examples for differentiating between Next.js Server and Client Components. It covers critical patterns like data fetching, hook usage, navigation, and the React 'use' API, along with common anti-patterns to avoid.","2.0.0","3.4.0","The extension is highly practical, well-documented, and focused on a specific, relevant problem in Next.js development. It provides clear guidance, numerous examples, and addresses common anti-patterns without any security or execution concerns. The 'pass' ratings across most categories, particularly in documentation and practical utility, contribute to a high score.",98,"A comprehensive guide for developers on choosing and implementing Server Components versus Client Components in Next.js App Router.",[15,16,17,18,19],"global","verified",{"codeQuality":177,"collectedAt":178,"documentation":179,"maintenance":181,"security":182,"testCoverage":184},{},1778053727544,{"descriptionLength":180,"readmeSize":8},478,{},{"hasNpmPackage":183,"smitheryVerified":183},false,{"hasCi":183,"hasTests":183},{"updatedAt":186},1778053743253,{"githubOwner":188,"githubRepo":189,"locale":23,"slug":190,"type":191},"wsimmonds","claude-nextjs-skills","nextjs-server-client-components","skill",true,null,{"extract":195,"llm":198},{"commitSha":196,"license":197},"9e0aa5f99b6cfcede69e375d1a40951dae283046","MIT",{"promptVersionExtension":168,"promptVersionScoring":169,"score":171,"targetMarket":174,"tier":175},{"repoId":200},"kd70ctdbv8qax0cnxv6aaw2hhn864bqf",{"_creationTime":202,"_id":200,"identity":203,"providers":205,"workflow":215},1777995558409.8896,{"githubOwner":188,"githubRepo":189,"sourceUrl":204},"https://github.com/wsimmonds/claude-nextjs-skills",{"discover":206,"github":209},{"sources":207},[208],"skills-sh",{"closedIssues90d":8,"forks":210,"license":197,"openIssues90d":8,"pushedAt":211,"readmeSize":212,"stars":213,"topics":214},16,1761303939000,9595,90,[],{"discoverAt":216,"extractAt":217,"githubAt":217,"updatedAt":217},1777995558409,1778053714818,{"anyEnrichmentAt":219,"extractAt":220,"githubAt":219,"llmAt":186,"updatedAt":186},1778053714259,1778053713797,[],[223,242,274,301,336,353],{"_creationTime":224,"_id":225,"community":226,"display":227,"identity":235,"providers":237,"relations":240,"workflow":241},1778053713797.3567,"k17csgdbhn95sza4djdsc4rt6x866kgj",{"reviewCount":8},{"description":228,"installMethods":229,"name":230,"sourceUrl":231,"tags":232},"Guide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects, or navigation logic in server components without converting them to client components unnecessarily.",{},"Next.js Server Component Navigation Pattern","https://github.com/wsimmonds/claude-nextjs-skills/tree/HEAD/nextjs-server-navigation",[15,16,17,19,233,234],"navigation","server-components",{"githubOwner":188,"githubRepo":189,"locale":23,"slug":236,"type":191},"nextjs-server-navigation",{"extract":238,"llm":239},{"commitSha":196,"license":197},{"promptVersionExtension":168,"promptVersionScoring":169,"score":171,"targetMarket":174,"tier":175},{"repoId":200},{"anyEnrichmentAt":219,"extractAt":220,"githubAt":219,"llmAt":186,"updatedAt":186},{"_creationTime":243,"_id":244,"community":245,"display":246,"identity":256,"providers":260,"relations":267,"workflow":269},1777995614337.9844,"k17f0xfg2pkfqd1p5jjzh8sswh8645px",{"reviewCount":8},{"description":247,"installMethods":248,"name":249,"sourceUrl":250,"tags":251},"Scaffold an editable Tandem control panel app",{},"Tandem Panel Scaffold","https://github.com/frumu-ai/tandem/tree/HEAD/packages/create-tandem-panel",[252,253,16,17,254,255],"scaffolding","cli","vite","ui",{"githubOwner":257,"githubRepo":258,"locale":23,"slug":259,"type":191},"frumu-ai","tandem","create-tandem-panel",{"extract":261,"llm":264,"smithery":266},{"commitSha":262,"license":263},"25c8ae7c2f8b20d576a2b8d44946ac2e0ff9408d","MIT OR Apache-2.0",{"promptVersionExtension":168,"promptVersionScoring":169,"score":265,"targetMarket":174,"tier":175},100,{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":183},{"repoId":268},"kd72pd305er4m7vecv9p6mnd4s865kea",{"anyEnrichmentAt":270,"extractAt":271,"githubAt":272,"llmAt":273,"smitheryAt":270,"updatedAt":273},1777995723550,1777995614338,1777995614791,1777995897177,{"_creationTime":275,"_id":276,"community":277,"display":278,"identity":287,"providers":290,"relations":295,"workflow":297},1778054425877.1958,"k171ck7gyw157xcvkrk6k0r9y1866w01",{"reviewCount":8},{"description":279,"name":280,"sourceUrl":281,"tags":282},"ESLint rules for React Hooks","ESLint Plugin React Hooks","https://github.com/facebook/react/tree/HEAD/packages/eslint-plugin-react-hooks",[16,283,284,285,286,17],"eslint","linting","hooks","javascript",{"githubOwner":288,"githubRepo":16,"locale":23,"slug":289,"type":191},"facebook","eslint-plugin-react-hooks",{"extract":291,"llm":293},{"commitSha":292,"license":197},"9635257c1b557acc81f95b1e974a54c752e703a2",{"promptVersionExtension":168,"promptVersionScoring":169,"score":294,"targetMarket":174,"tier":175},99,{"repoId":296},"kd73v9dy7vwq94hgzc7eh43b9s865rhq",{"anyEnrichmentAt":298,"extractAt":299,"githubAt":298,"llmAt":300,"updatedAt":300},1778054428301,1778054425877,1778054588390,{"_creationTime":302,"_id":303,"community":304,"display":305,"identity":322,"providers":326,"relations":330,"workflow":332},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":306,"installMethods":307,"name":308,"sourceUrl":309,"tags":310},"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",[311,255,312,313,18,314,315,316,317,16,318,319,320,321],"design","frontend","css","palette","typography","tokens","accessibility","vue","svelte","html","deno",{"githubOwner":323,"githubRepo":324,"locale":23,"slug":325,"type":191},"jwynia","agent-skills","frontend-design",{"extract":327,"llm":329},{"commitSha":328,"license":197},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":168,"promptVersionScoring":169,"score":294,"targetMarket":174,"tier":175},{"repoId":331},"kd7efn3mprpa8rd8vm5hw5ebzx864fph",{"anyEnrichmentAt":333,"extractAt":334,"githubAt":333,"llmAt":335,"updatedAt":335},1778053625386,1778053622473,1778054012696,{"_creationTime":337,"_id":338,"community":339,"display":340,"identity":346,"providers":348,"relations":351,"workflow":352},1778053713797.3542,"k179qk4k919bfp2xx1qkrp72nx8675cz",{"reviewCount":8},{"description":341,"name":342,"sourceUrl":343,"tags":344},"Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.","Next.js App Router Fundamentals","https://github.com/wsimmonds/claude-nextjs-skills/tree/HEAD/nextjs-app-router-fundamentals",[15,16,17,345,19],"web-development",{"githubOwner":188,"githubRepo":189,"locale":23,"slug":347,"type":191},"nextjs-app-router-fundamentals",{"extract":349,"llm":350},{"commitSha":196,"license":197},{"promptVersionExtension":168,"promptVersionScoring":169,"score":171,"targetMarket":174,"tier":175},{"repoId":200},{"anyEnrichmentAt":219,"extractAt":220,"githubAt":219,"llmAt":186,"updatedAt":186},{"_creationTime":354,"_id":355,"community":356,"display":357,"identity":366,"providers":370,"relations":374,"workflow":376},1778053380851.3125,"k173xg04zamyvse0m6rer184bd866waj",{"reviewCount":8},{"description":358,"installMethods":359,"name":360,"sourceUrl":361,"tags":362},"Extension from millionco/react-doctor",{},"React Doctor","https://github.com/millionco/react-doctor/tree/HEAD/packages/website",[16,363,253,364,17,15,365],"code-analysis","diagnostics","developer-tools",{"githubOwner":367,"githubRepo":368,"locale":23,"slug":369,"type":191},"millionco","react-doctor","website",{"extract":371,"llm":373},{"commitSha":372,"license":197},"0053faa0a85dda7d57bc09764ab600655829a4c0",{"promptVersionExtension":168,"promptVersionScoring":169,"score":171,"targetMarket":174,"tier":175},{"repoId":375},"kd7c7y7mgbqtgjw8q3h5pevtgh864s4d",{"anyEnrichmentAt":377,"extractAt":378,"githubAt":377,"llmAt":379,"updatedAt":379},1778053381509,1778053380851,1778053395404]