[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-jwynia-shadcn-layouts-pt-BR":3,"guides-for-jwynia-shadcn-layouts":237,"similar-k177zy9daqkf8p7hv2rjm29tq1866s1c":238},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":22,"identity":203,"isFallback":208,"parentExtension":209,"providers":210,"relations":214,"repo":216,"workflow":234},1778053622473.6702,"k177zy9daqkf8p7hv2rjm29tq1866s1c",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"Generate correct shadcn/Tailwind layouts by applying CSS mental models. This skill should be used when the user asks to 'create a shadcn layout', 'fix layout issues', 'debug CSS height problems', 'make scrolling work', or has issues with Tailwind flex/grid. Keywords: shadcn, Tailwind, layout, CSS, flex, grid, height, scroll, overflow.",{},"shadcn/Tailwind Layouts","https://github.com/jwynia/agent-skills/tree/HEAD/skills/tech/frontend/design/shadcn-layouts",[15,16,17,18,19,20,21],"shadcn","tailwind","css","layout","frontend","react","nextjs",{"_creationTime":23,"_id":24,"extensionId":5,"locale":25,"result":26,"trustSignals":191,"workflow":201},1778054012697.0422,"kn7dy7qe8q0wsjrxg7yecne6vh8677et","en",{"checks":27,"evaluatedAt":181,"extensionSummary":182,"promptVersionExtension":183,"promptVersionScoring":184,"rationale":185,"score":186,"summary":187,"tags":188,"targetMarket":189,"tier":190},[28,33,36,40,44,48,52,55,59,63,67,70,73,76,80,83,86,89,92,95,99,103,106,110,113,116,119,122,125,128,131,134,138,143,146,149,152,155,159,162,165,167,169,171,173,175,176,178,179],{"category":29,"check":30,"severity":31,"summary":32},"Invocation","Precise Purpose","pass","The skill's description clearly states its purpose (generating shadcn/Tailwind layouts) and provides specific use cases and explicit boundaries for when it should and should not be used.",{"category":29,"check":34,"severity":31,"summary":35},"Concise Frontmatter","The frontmatter is concise, effectively summarizing the core capability and providing relevant trigger phrases and keywords within a reasonable character limit.",{"category":37,"check":38,"severity":31,"summary":39},"Documentation","Concise Body","The main SKILL.md file is concise and well-structured, delegating deeper material like detailed component setup and layout templates to separate reference files.",{"category":41,"check":42,"severity":31,"summary":43},"Context","Progressive Disclosure","Longer procedures and detailed information, such as component requirements and layout templates, are appropriately split into separate markdown files and linked from the main SKILL.md.",{"category":41,"check":45,"severity":46,"summary":47},"Forked exploration","not_applicable","This skill is not an exploration-focused skill; it provides direct knowledge and templates, so the `context: fork` setting is not applicable.",{"category":49,"check":50,"severity":31,"summary":51},"Practical Utility","Usage examples","Sufficient end-to-end examples are provided, demonstrating common layout patterns with corresponding TSX code snippets that plausibly produce the claimed output.",{"category":49,"check":53,"severity":31,"summary":54},"Edge cases","The skill documents several common failure modes (e.g., height chain broken, flex overflow blocked) and provides clear recovery steps for each.",{"category":56,"check":57,"severity":46,"summary":58},"Code Execution","Tool Fallback","This skill does not appear to rely on external tools or MCP servers; it provides direct knowledge and code snippets, making this check not applicable.",{"category":60,"check":61,"severity":46,"summary":62},"Safety","Halt on unexpected state","The skill's nature as a knowledge provider and code template generator means it does not have destructive operations or environmental pre-conditions to check for halting.",{"category":64,"check":65,"severity":31,"summary":66},"Portability","Cross-skill coupling","The skill is self-contained and clearly lists related skills, rather than implicitly relying on them or silently handling adjacent tasks.",{"category":49,"check":68,"severity":31,"summary":69},"Problem relevance","The description explicitly names common CSS layout problems faced by developers, such as height/scroll issues and flex/grid problems with shadcn/Tailwind.",{"category":49,"check":71,"severity":31,"summary":72},"Unique selling proposition","The skill offers significant value by explaining the underlying CSS mental models and common pitfalls, going beyond simple class application to address assumption gaps in agent-generated code.",{"category":49,"check":74,"severity":31,"summary":75},"Production readiness","The skill provides comprehensive guidance, including core principles, detailed mental models, diagnostic states, common patterns, anti-patterns, and a pre-generation checklist, enabling immediate use in workflows.",{"category":77,"check":78,"severity":31,"summary":79},"Scope","Single responsibility principle","The extension focuses exclusively on shadcn/Tailwind layout patterns and CSS mental models, avoiding scope creep into unrelated development or design domains.",{"category":77,"check":81,"severity":31,"summary":82},"Description quality","The description is accurate, concise, readable, and clearly reflects the skill's capabilities and intended use cases.",{"category":29,"check":84,"severity":46,"summary":85},"Scoped tools","This skill does not expose specific tools or commands; it provides knowledge and code examples directly.",{"category":37,"check":87,"severity":46,"summary":88},"Configuration & parameter reference","The skill does not have configurable parameters or explicit env vars that require documentation.",{"category":77,"check":90,"severity":46,"summary":91},"Tool naming","This skill does not define user-facing tools with names, so this check is not applicable.",{"category":77,"check":93,"severity":46,"summary":94},"Minimal I/O surface","This skill does not expose tools with input/output schemas, making this check not applicable.",{"category":96,"check":97,"severity":31,"summary":98},"License","License usability","The license is MIT, a permissive open-source license, clearly indicated in the SKILL.md frontmatter and matching the LICENSE file.",{"category":100,"check":101,"severity":46,"summary":102},"Maintenance","Commit recency","The repository metadata indicates 'n/a' for the last commit date on the default branch, and there are no commits available for evaluation.",{"category":100,"check":104,"severity":46,"summary":105},"Dependency Management","The skill itself does not appear to bundle or manage third-party dependencies directly; it provides guidance on using existing libraries like shadcn/ui and Tailwind CSS.",{"category":107,"check":108,"severity":46,"summary":109},"Security","Secret Management","The skill does not handle or expose secrets, making this check not applicable.",{"category":107,"check":111,"severity":31,"summary":112},"Injection","The skill provides code examples and knowledge, but does not load or execute untrusted third-party data, thus posing no injection risk.",{"category":107,"check":114,"severity":31,"summary":115},"Transitive Supply-Chain Grenades","The skill's content is entirely bundled and does not fetch remote resources or execute external scripts, preventing transitive supply-chain risks.",{"category":107,"check":117,"severity":31,"summary":118},"Sandbox Isolation","The skill provides code and documentation, with no executable scripts that could interact with or modify the file system outside its intended scope.",{"category":107,"check":120,"severity":31,"summary":121},"Sandbox escape primitives","There are no scripts or instructions within the skill that could be used to escape sandbox environments.",{"category":107,"check":123,"severity":31,"summary":124},"Data Exfiltration","The skill does not perform any outbound network calls, nor does it reference any confidential data or facilitate its exfiltration.",{"category":107,"check":126,"severity":31,"summary":127},"Hidden Text Tricks","Bundled files do not contain any hidden text tricks, invisible Unicode characters, or other obfuscation methods designed to steer the model.",{"category":107,"check":129,"severity":31,"summary":130},"Opaque code execution","All code and instructions within the skill are presented in plain, readable text, with no obfuscation, base64 payloads, or runtime fetches.",{"category":64,"check":132,"severity":31,"summary":133},"Structural Assumption","The skill provides general guidance and code snippets that rely on standard shadcn/ui and Tailwind CSS setup, making no specific assumptions about user project file layouts.",{"category":135,"check":136,"severity":46,"summary":137},"Trust","Issues Attention","Repository metadata indicates 'n/a' for issues opened and closed, so this check cannot be performed.",{"category":139,"check":140,"severity":141,"summary":142},"Versioning","Release Management","info","A version ('1.0') is present in the SKILL.md frontmatter, but there are no GitHub release tags or CHANGELOG, and the commit date is unavailable.",{"category":56,"check":144,"severity":46,"summary":145},"Validation","The skill provides knowledge and code examples rather than executable scripts or tools with parameters, so input validation is not applicable.",{"category":107,"check":147,"severity":31,"summary":148},"Unguarded Destructive Operations","The skill is purely informational and provides code examples; it contains no destructive operations.",{"category":56,"check":150,"severity":46,"summary":151},"Error Handling","The skill does not contain executable scripts or tool wrappers that would require error handling or structured error reporting.",{"category":56,"check":153,"severity":46,"summary":154},"Logging","This skill is purely informational and does not perform actions that require local audit logging.",{"category":156,"check":157,"severity":31,"summary":158},"Compliance","GDPR","The skill does not operate on personal data, nor does it submit any data to third parties.",{"category":156,"check":160,"severity":31,"summary":161},"Target market","The skill provides general frontend development knowledge applicable globally, with no regional or jurisdictional restrictions detected.",{"category":64,"check":163,"severity":31,"summary":164},"Runtime stability","The skill's guidance is based on standard web development practices and commonly used libraries (shadcn/ui, Tailwind CSS, React, Next.js), making no assumptions about specific runtimes or operating systems.",{"category":29,"check":34,"severity":31,"summary":166},"The frontmatter is dense and self-contained, providing a coherent summary of core capability and trigger phrases.",{"category":37,"check":38,"severity":31,"summary":168},"The main SKILL.md body is concise and under the suggested line limit, delegating extensive material to reference files.",{"category":41,"check":42,"severity":31,"summary":170},"Detailed information such as component requirements and layout templates are split into separate markdown files and linked via relative paths.",{"category":49,"check":50,"severity":31,"summary":172},"Sufficient end-to-end examples are included, demonstrating common layout patterns with corresponding TSX code snippets.",{"category":49,"check":53,"severity":31,"summary":174},"The skill documents several common failure modes and provides recovery steps for each.",{"category":96,"check":97,"severity":31,"summary":98},{"category":100,"check":101,"severity":46,"summary":177},"Repository metadata indicates 'n/a' for the last commit date on the default branch, and there are no commits available for evaluation.",{"category":156,"check":160,"severity":31,"summary":161},{"category":64,"check":163,"severity":31,"summary":180},"The skill's guidance is based on standard web development practices, making no assumptions about specific runtimes or operating systems.",1778053915462,"This skill explains fundamental CSS layout principles like height inheritance and flexbox behavior, which are often misunderstood by AI agents. It offers detailed explanations, common patterns, and diagnostic steps for resolving layout issues in shadcn/ui and Tailwind CSS projects.","2.0.0","3.4.0","The skill provides excellent, well-organized documentation and practical examples for generating shadcn/Tailwind layouts, addressing common developer pain points effectively. It adheres to best practices for scope, clarity, and licensing. The only minor point is the 'info' severity for release management due to missing formal release tracking beyond the version number.",95,"Provides comprehensive guidance and examples for creating correct shadcn/Tailwind layouts by explaining core CSS mental models and common pitfalls.",[15,16,17,18,19,20,21],"global","verified",{"codeQuality":192,"collectedAt":193,"documentation":194,"maintenance":196,"security":197,"testCoverage":200},{},1778053901080,{"descriptionLength":195,"readmeSize":8},336,{},{"hasNpmPackage":198,"license":199,"smitheryVerified":198},false,"MIT",{"hasCi":198,"hasTests":198},{"updatedAt":202},1778054012696,{"githubOwner":204,"githubRepo":205,"locale":25,"slug":206,"type":207},"jwynia","agent-skills","shadcn-layouts","skill",true,null,{"extract":211,"llm":213},{"commitSha":212,"license":199},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":183,"promptVersionScoring":184,"score":186,"targetMarket":189,"tier":190},{"repoId":215},"kd7efn3mprpa8rd8vm5hw5ebzx864fph",{"_creationTime":217,"_id":215,"identity":218,"providers":220,"workflow":231},1777995558409.897,{"githubOwner":204,"githubRepo":205,"sourceUrl":219},"https://github.com/jwynia/agent-skills",{"discover":221,"github":224},{"sources":222},[223],"skills-sh",{"closedIssues90d":8,"forks":225,"openIssues90d":226,"pushedAt":227,"readmeSize":228,"stars":229,"topics":230},10,2,1771900514000,11924,70,[],{"discoverAt":232,"extractAt":233,"githubAt":233,"updatedAt":233},1777995558409,1778053628601,{"anyEnrichmentAt":235,"extractAt":236,"githubAt":235,"llmAt":202,"updatedAt":202},1778053625386,1778053622473,[],[239,268,293,318,341,372],{"_creationTime":240,"_id":241,"community":242,"display":243,"identity":260,"providers":262,"relations":266,"workflow":267},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":244,"installMethods":245,"name":246,"sourceUrl":247,"tags":248},"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",[249,250,19,17,251,252,253,254,255,20,256,257,258,259],"design","ui","components","palette","typography","tokens","accessibility","vue","svelte","html","deno",{"githubOwner":204,"githubRepo":205,"locale":25,"slug":261,"type":207},"frontend-design",{"extract":263,"llm":264},{"commitSha":212,"license":199},{"promptVersionExtension":183,"promptVersionScoring":184,"score":265,"targetMarket":189,"tier":190},99,{"repoId":215},{"anyEnrichmentAt":235,"extractAt":236,"githubAt":235,"llmAt":202,"updatedAt":202},{"_creationTime":269,"_id":270,"community":271,"display":272,"identity":278,"providers":281,"relations":287,"workflow":289},1778053100136.2432,"k172mxtfqpq8byws1fyd2va1018674xt",{"reviewCount":8},{"description":273,"installMethods":274,"name":246,"sourceUrl":275,"tags":276},"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",[19,249,250,277,258,17,20,256],"web-components",{"githubOwner":279,"githubRepo":280,"locale":25,"slug":261,"type":207},"bytedance","deer-flow",{"extract":282,"llm":285},{"commitSha":283,"license":284},"1336872b15c25d45ebcb7c1cf72369c2bdd53187","MIT-0",{"promptVersionExtension":183,"promptVersionScoring":184,"score":286,"targetMarket":189,"tier":190},98,{"repoId":288},"kd789sm7egx1h0t1jag6zzhcq98656wv",{"anyEnrichmentAt":290,"extractAt":291,"githubAt":290,"llmAt":292,"updatedAt":292},1778053101076,1778053100136,1778053169012,{"_creationTime":294,"_id":295,"community":296,"display":297,"identity":306,"providers":308,"relations":312,"workflow":314},1778054691785.2559,"k17ac35xsa43hhrp4547zcey758667vk",{"reviewCount":8},{"description":298,"installMethods":299,"name":300,"sourceUrl":301,"tags":302},"Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.",{},"Frontend Design Skill","https://github.com/answerzhao/agent-skills/tree/HEAD/glm-skills/frontend-design",[19,250,303,20,304,16,17,255,305],"design-system","typescript","web-development",{"githubOwner":307,"githubRepo":205,"locale":25,"slug":261,"type":207},"answerzhao",{"extract":309,"llm":311},{"commitSha":310,"license":199},"aad73edbd0d9ffbc3d6a402b6eafa6dab96d5ebb",{"promptVersionExtension":183,"promptVersionScoring":184,"score":186,"targetMarket":189,"tier":190},{"repoId":313},"kd712v2g1pay70swwj0jpv2ggs864zgh",{"anyEnrichmentAt":315,"extractAt":316,"githubAt":315,"llmAt":317,"updatedAt":317},1778054692243,1778054691785,1778054738050,{"_creationTime":319,"_id":320,"community":321,"display":322,"identity":329,"providers":331,"relations":335,"workflow":337},1778054425877.205,"k1788s1zmn7ntdbw621xdwznvx8664ht",{"reviewCount":8},{"description":323,"installMethods":324,"name":325,"sourceUrl":326,"tags":327},"Brand checking of React Elements.",{},"react-is","https://github.com/facebook/react/tree/HEAD/packages/react-is",[20,328,19,250],"javascript",{"githubOwner":330,"githubRepo":20,"locale":25,"slug":325,"type":207},"facebook",{"extract":332,"llm":334},{"commitSha":333,"license":199},"9635257c1b557acc81f95b1e974a54c752e703a2",{"promptVersionExtension":183,"promptVersionScoring":184,"score":286,"targetMarket":189,"tier":190},{"repoId":336},"kd73v9dy7vwq94hgzc7eh43b9s865rhq",{"anyEnrichmentAt":338,"extractAt":339,"githubAt":338,"llmAt":340,"updatedAt":340},1778054428301,1778054425877,1778054588390,{"_creationTime":342,"_id":343,"community":344,"display":345,"identity":358,"providers":361,"relations":365,"workflow":368},1778053930836.1196,"k17ak27g3g09fy7wf40a461jmh866tny",{"reviewCount":8},{"description":346,"installMethods":347,"name":348,"sourceUrl":349,"tags":350},"TanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, createServerFn clerk, beforeLoad protection, TanStack Start middleware.",{},"TanStack React Start Patterns","https://github.com/clerk/skills/tree/HEAD/skills/frameworks/clerk-tanstack-patterns",[351,20,352,353,21,354,355,356,357],"tanstack","clerk","authentication","server","routes","guards","middleware",{"githubOwner":352,"githubRepo":359,"locale":25,"slug":360,"type":207},"skills","clerk-tanstack-patterns",{"extract":362,"llm":364},{"commitSha":363,"license":199},"c1f6afc82a165988421166e68872cb41b892c0b0",{"promptVersionExtension":183,"promptVersionScoring":184,"score":286,"targetMarket":189,"tier":190},{"parentExtensionId":366,"repoId":367},"k1743f7ms46548z8nzj1s5afxd866ek0","kd77f99t2sa8rvy3sj7yn73zp1864abx",{"anyEnrichmentAt":369,"extractAt":370,"githubAt":369,"llmAt":371,"updatedAt":371},1778053933098,1778053930836,1778054020038,{"_creationTime":373,"_id":374,"community":375,"display":376,"identity":383,"providers":387,"relations":391,"workflow":393},1778053713797.3572,"k170k72mktbhtw0a2dw0nna3nh867dwn",{"reviewCount":8},{"description":377,"name":378,"sourceUrl":379,"tags":380},"Pattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when accessing URL query parameters in client components. Use when building search interfaces, filters, pagination, or any feature that needs to read/manipulate URL query parameters client-side.","Next.js: useSearchParams with Suspense Pattern","https://github.com/wsimmonds/claude-nextjs-skills/tree/HEAD/nextjs-use-search-params-suspense",[21,20,304,381,382],"suspense","usesearchparams",{"githubOwner":384,"githubRepo":385,"locale":25,"slug":386,"type":207},"wsimmonds","claude-nextjs-skills","nextjs-use-search-params-suspense",{"extract":388,"llm":390},{"commitSha":389,"license":199},"9e0aa5f99b6cfcede69e375d1a40951dae283046",{"promptVersionExtension":183,"promptVersionScoring":184,"score":286,"targetMarket":189,"tier":190},{"repoId":392},"kd70ctdbv8qax0cnxv6aaw2hhn864bqf",{"anyEnrichmentAt":394,"extractAt":395,"githubAt":394,"llmAt":396,"updatedAt":396},1778053714259,1778053713797,1778053743253]