[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-answerzhao-frontend-design-pt-BR":3,"guides-for-answerzhao-frontend-design":226,"similar-k17ac35xsa43hhrp4547zcey758667vk":227},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":24,"identity":192,"isFallback":197,"parentExtension":198,"providers":199,"relations":203,"repo":205,"workflow":223},1778054691785.2559,"k17ac35xsa43hhrp4547zcey758667vk",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"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",[15,16,17,18,19,20,21,22,23],"frontend","ui","design-system","react","typescript","tailwind","css","accessibility","web-development",{"_creationTime":25,"_id":26,"extensionId":5,"locale":27,"result":28,"trustSignals":180,"workflow":190},1778054738050.031,"kn77gvkwmhrzmhmynkz1fw9pks866yf0","en",{"checks":29,"evaluatedAt":170,"extensionSummary":171,"promptVersionExtension":172,"promptVersionScoring":173,"rationale":174,"score":175,"summary":176,"tags":177,"targetMarket":178,"tier":179},[30,35,38,41,45,48,53,57,60,63,67,72,75,79,82,85,88,91,94,97,100,104,108,112,116,119,122,125,129,132,135,138,141,144,148,151,154,157,160,163,167],{"category":31,"check":32,"severity":33,"summary":34},"Practical Utility","Problem relevance","pass","The displayed description clearly names a concrete user problem: transforming UI style requirements into production-ready frontend code with specific benefits like design tokens and accessibility.",{"category":31,"check":36,"severity":33,"summary":37},"Unique selling proposition","The skill implements a systematic design token approach combined with creative execution and production-ready examples, offering significant value beyond a basic prompt or API wrapper.",{"category":31,"check":39,"severity":33,"summary":40},"Production readiness","The skill provides a complete workflow from design analysis to production-ready code examples and templates, covering the full lifecycle for building UIs.",{"category":42,"check":43,"severity":33,"summary":44},"Scope","Single responsibility principle","The skill focuses on frontend UI design and code generation, with clear documentation and examples, avoiding adjacent domains like backend development or pure logic.",{"category":42,"check":46,"severity":33,"summary":47},"Description quality","The displayed description is concise, readable, and accurately reflects the skill's capabilities, matching the implementation details.",{"category":49,"check":50,"severity":51,"summary":52},"Invocation","Scoped tools","not_applicable","This skill does not expose explicit tools in the traditional sense; its functionality is driven by prompts and code generation within a predefined structure.",{"category":54,"check":55,"severity":33,"summary":56},"Documentation","Configuration & parameter reference","The SKILL.md and README.md provide extensive documentation on usage, design principles, and customization, including examples of token overrides and component extensions.",{"category":42,"check":58,"severity":51,"summary":59},"Tool naming","This skill does not define individual tools with distinct names; its functionality is integrated through prompts and code generation within its scope.",{"category":42,"check":61,"severity":51,"summary":62},"Minimal I/O surface","As a code generation skill, it doesn't have traditional tool parameter schemas or response shapes in the way other skills do.",{"category":64,"check":65,"severity":33,"summary":66},"License","License usability","The extension is licensed under the MIT license, which is a permissive open-source license.",{"category":68,"check":69,"severity":70,"summary":71},"Maintenance","Commit recency","warning","There are no commits on the default branch in the last 12 months (pushedAt is n/a), indicating potential unmaintenance.",{"category":68,"check":73,"severity":33,"summary":74},"Dependency Management","The package.json lists development dependencies like Tailwind CSS, PostCSS, and TypeScript, and uses standard package management, indicating suitable measures for managing dependencies.",{"category":76,"check":77,"severity":51,"summary":78},"Security","Secret Management","The skill focuses on frontend code generation and does not appear to handle or require secrets.",{"category":76,"check":80,"severity":33,"summary":81},"Injection","The skill's code generation process appears to treat inputs as data and not instructions, and no third-party data loading or webfetch is observed that would pose an injection risk.",{"category":76,"check":83,"severity":33,"summary":84},"Transitive Supply-Chain Grenades","All code and assets are contained within the skill's directory, and no runtime external downloads or remote execution are present.",{"category":76,"check":86,"severity":33,"summary":87},"Sandbox Isolation","The skill generates code locally and does not interact with or modify files outside its project directory.",{"category":76,"check":89,"severity":33,"summary":90},"Sandbox escape primitives","No detached-process spawns or deny-retry loops are present in the bundled scripts.",{"category":76,"check":92,"severity":33,"summary":93},"Data Exfiltration","The skill generates frontend code and does not make any outbound calls or reference confidential data.",{"category":76,"check":95,"severity":33,"summary":96},"Hidden Text Tricks","The bundled files appear free of hidden-steering tricks, control characters, or malicious Unicode sequences.",{"category":76,"check":98,"severity":33,"summary":99},"Opaque code execution","The bundled scripts are plain, readable source code and do not contain obfuscation techniques like base64 payloads or `eval()`.",{"category":101,"check":102,"severity":33,"summary":103},"Portability","Structural Assumption","The skill provides clear instructions for integrating with various project structures and does not make assumptions about user-specific project organization outside its own bundle.",{"category":105,"check":106,"severity":33,"summary":107},"Trust","Issues Attention","Issue data is not available (n/a), so this check is not applicable.",{"category":109,"check":110,"severity":33,"summary":111},"Versioning","Release Management","The package.json and SKILL.md both declare a meaningful version (2.0.0), indicating clear release management.",{"category":113,"check":114,"severity":33,"summary":115},"Code Execution","Validation","The TypeScript examples and utility functions demonstrate good practices for input handling and type validation, especially within the context of code generation and theming.",{"category":76,"check":117,"severity":33,"summary":118},"Unguarded Destructive Operations","The skill's primary function is code generation, which is not a destructive operation.",{"category":113,"check":120,"severity":33,"summary":121},"Error Handling","The TypeScript code includes robust error handling patterns (e.g., in storage utilities) and follows best practices for component error states, ensuring fail-closed behavior where applicable.",{"category":113,"check":123,"severity":51,"summary":124},"Logging","The skill generates code and does not perform actions that require local audit logging.",{"category":126,"check":127,"severity":33,"summary":128},"Compliance","GDPR","The skill generates frontend code and does not operate on or submit personal data.",{"category":126,"check":130,"severity":33,"summary":131},"Target market","The skill is designed for general web development and has no regional or jurisdictional logic; targetMarket is global.",{"category":101,"check":133,"severity":33,"summary":134},"Runtime stability","The skill's TypeScript code is designed to be framework-agnostic (React, Vue, Svelte) and relies on standard web technologies, ensuring broad portability.",{"category":49,"check":136,"severity":33,"summary":137},"Precise Purpose","SKILL.md clearly defines the skill's purpose (transforming UI requirements into code) and provides explicit trigger phrases and boundaries for when to use it.",{"category":49,"check":139,"severity":33,"summary":140},"Concise Frontmatter","The frontmatter in SKILL.md is concise and self-contained, accurately summarizing the core capability and triggers without excessive keywords.",{"category":54,"check":142,"severity":33,"summary":143},"Concise Body","The SKILL.md body stays under approximately 500 lines and delegates detailed material to examples and templates, adhering to progressive disclosure.",{"category":145,"check":146,"severity":33,"summary":147},"Context","Progressive Disclosure","Detailed material like CSS and TypeScript examples, and templates, are provided in separate files, linked from SKILL.md and README.md.",{"category":145,"check":149,"severity":51,"summary":150},"Forked exploration","The skill's purpose is code generation, not deep exploration or code review that would necessitate `context: fork`.",{"category":31,"check":152,"severity":33,"summary":153},"Usage examples","The repository includes numerous detailed examples in CSS and TypeScript, covering components, theming, and tokens, which plausibly produce the claimed outputs.",{"category":31,"check":155,"severity":33,"summary":156},"Edge cases","The documentation discusses design principles, states, and customization, implicitly handling edge cases like different themes, component states, and accessibility requirements.",{"category":113,"check":158,"severity":51,"summary":159},"Tool Fallback","The skill does not rely on external tools like an MCP server; its functionality is self-contained.",{"category":101,"check":161,"severity":33,"summary":162},"Stack assumptions","The skill explicitly mentions its default stack (React, Tailwind, TypeScript) and provides guidance for alternatives, declaring runtime surfaces and dependencies.",{"category":164,"check":165,"severity":33,"summary":166},"Safety","Halt on unexpected state","While not explicitly listing machine-readable preconditions for halting, the skill's design emphasizes token-first methodology and state coverage, which implicitly guides against unexpected states in implementation.",{"category":101,"check":168,"severity":33,"summary":169},"Cross-skill coupling","The skill is self-contained and does not implicitly rely on other skills; it focuses solely on frontend code generation.",1778054729496,"This skill provides a comprehensive system for building UIs with a token-first methodology, including detailed CSS and TypeScript examples for components, theming, and design tokens. It emphasizes creative execution alongside systematic consistency and accessibility.","2.0.0","3.4.0","The extension demonstrates excellent documentation, a clear focus on production readiness, and comprehensive examples. The only minor concern is the lack of recent commits, but this does not detract from the overall quality and completeness of the skill.",95,"A high-quality, production-ready skill for generating consistent, accessible, and creative frontend UI code.",[15,16,17,18,19,20,21,22,23],"global","verified",{"codeQuality":181,"collectedAt":182,"documentation":183,"maintenance":185,"security":186,"testCoverage":189},{},1778054716431,{"descriptionLength":184,"readmeSize":8},314,{},{"hasNpmPackage":187,"license":188,"smitheryVerified":187},false,"MIT",{"hasCi":187,"hasTests":187},{"updatedAt":191},1778054738050,{"githubOwner":193,"githubRepo":194,"locale":27,"slug":195,"type":196},"answerzhao","agent-skills","frontend-design","skill",true,null,{"extract":200,"llm":202},{"commitSha":201,"license":188},"aad73edbd0d9ffbc3d6a402b6eafa6dab96d5ebb",{"promptVersionExtension":172,"promptVersionScoring":173,"score":175,"targetMarket":178,"tier":179},{"repoId":204},"kd712v2g1pay70swwj0jpv2ggs864zgh",{"_creationTime":206,"_id":204,"identity":207,"providers":209,"workflow":220},1777995558409.901,{"githubOwner":193,"githubRepo":194,"sourceUrl":208},"https://github.com/answerzhao/agent-skills",{"discover":210,"github":213},{"sources":211},[212],"skills-sh",{"closedIssues90d":8,"forks":214,"openIssues90d":215,"pushedAt":216,"readmeSize":217,"stars":218,"topics":219},15,1,1768478800000,770,26,[],{"discoverAt":221,"extractAt":222,"githubAt":222,"updatedAt":222},1777995558409,1778054693420,{"anyEnrichmentAt":224,"extractAt":225,"githubAt":224,"llmAt":191,"updatedAt":191},1778054692243,1778054691785,[],[228,260,285,312,343,366],{"_creationTime":229,"_id":230,"community":231,"display":232,"identity":247,"providers":249,"relations":254,"workflow":256},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":233,"installMethods":234,"name":235,"sourceUrl":236,"tags":237},"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",[238,16,15,21,239,240,241,242,22,18,243,244,245,246],"design","components","palette","typography","tokens","vue","svelte","html","deno",{"githubOwner":248,"githubRepo":194,"locale":27,"slug":195,"type":196},"jwynia",{"extract":250,"llm":252},{"commitSha":251,"license":188},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":172,"promptVersionScoring":173,"score":253,"targetMarket":178,"tier":179},99,{"repoId":255},"kd7efn3mprpa8rd8vm5hw5ebzx864fph",{"anyEnrichmentAt":257,"extractAt":258,"githubAt":257,"llmAt":259,"updatedAt":259},1778053625386,1778053622473,1778054012696,{"_creationTime":261,"_id":262,"community":263,"display":264,"identity":270,"providers":273,"relations":279,"workflow":281},1778053100136.2432,"k172mxtfqpq8byws1fyd2va1018674xt",{"reviewCount":8},{"description":265,"installMethods":266,"name":235,"sourceUrl":267,"tags":268},"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",[15,238,16,269,245,21,18,243],"web-components",{"githubOwner":271,"githubRepo":272,"locale":27,"slug":195,"type":196},"bytedance","deer-flow",{"extract":274,"llm":277},{"commitSha":275,"license":276},"1336872b15c25d45ebcb7c1cf72369c2bdd53187","MIT-0",{"promptVersionExtension":172,"promptVersionScoring":173,"score":278,"targetMarket":178,"tier":179},98,{"repoId":280},"kd789sm7egx1h0t1jag6zzhcq98656wv",{"anyEnrichmentAt":282,"extractAt":283,"githubAt":282,"llmAt":284,"updatedAt":284},1778053101076,1778053100136,1778053169012,{"_creationTime":286,"_id":287,"community":288,"display":289,"identity":297,"providers":301,"relations":306,"workflow":308},1778053038365.4285,"k17bkkf71rqak85n36k4z7r13h8662kk",{"reviewCount":8},{"description":290,"installMethods":291,"name":292,"sourceUrl":293,"tags":294},"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",[21,15,16,295,296,22],"design-systems","performance",{"githubOwner":298,"githubRepo":299,"locale":27,"slug":300,"type":196},"ccheney","robust-skills","modern-css",{"extract":302,"llm":304},{"commitSha":303,"license":188},"85e5e2698d9753fb690666ccd59598e8a0b6f004",{"promptVersionExtension":172,"promptVersionScoring":173,"score":305,"targetMarket":178,"tier":179},96,{"repoId":307},"kd75qepasjckthmb72881rzdj58655g4",{"anyEnrichmentAt":309,"extractAt":310,"githubAt":309,"llmAt":311,"updatedAt":311},1778053039088,1778053038365,1778053066880,{"_creationTime":313,"_id":314,"community":315,"display":316,"identity":325,"providers":329,"relations":336,"workflow":338},1777995614337.9844,"k17f0xfg2pkfqd1p5jjzh8sswh8645px",{"reviewCount":8},{"description":317,"installMethods":318,"name":319,"sourceUrl":320,"tags":321},"Scaffold an editable Tandem control panel app",{},"Tandem Panel Scaffold","https://github.com/frumu-ai/tandem/tree/HEAD/packages/create-tandem-panel",[322,323,18,19,324,16],"scaffolding","cli","vite",{"githubOwner":326,"githubRepo":327,"locale":27,"slug":328,"type":196},"frumu-ai","tandem","create-tandem-panel",{"extract":330,"llm":333,"smithery":335},{"commitSha":331,"license":332},"25c8ae7c2f8b20d576a2b8d44946ac2e0ff9408d","MIT OR Apache-2.0",{"promptVersionExtension":172,"promptVersionScoring":173,"score":334,"targetMarket":178,"tier":179},100,{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":187},{"repoId":337},"kd72pd305er4m7vecv9p6mnd4s865kea",{"anyEnrichmentAt":339,"extractAt":340,"githubAt":341,"llmAt":342,"smitheryAt":339,"updatedAt":342},1777995723550,1777995614338,1777995614791,1777995897177,{"_creationTime":344,"_id":345,"community":346,"display":347,"identity":354,"providers":356,"relations":360,"workflow":362},1778054425877.205,"k1788s1zmn7ntdbw621xdwznvx8664ht",{"reviewCount":8},{"description":348,"installMethods":349,"name":350,"sourceUrl":351,"tags":352},"Brand checking of React Elements.",{},"react-is","https://github.com/facebook/react/tree/HEAD/packages/react-is",[18,353,15,16],"javascript",{"githubOwner":355,"githubRepo":18,"locale":27,"slug":350,"type":196},"facebook",{"extract":357,"llm":359},{"commitSha":358,"license":188},"9635257c1b557acc81f95b1e974a54c752e703a2",{"promptVersionExtension":172,"promptVersionScoring":173,"score":278,"targetMarket":178,"tier":179},{"repoId":361},"kd73v9dy7vwq94hgzc7eh43b9s865rhq",{"anyEnrichmentAt":363,"extractAt":364,"githubAt":363,"llmAt":365,"updatedAt":365},1778054428301,1778054425877,1778054588390,{"_creationTime":367,"_id":368,"community":369,"display":370,"identity":378,"providers":380,"relations":383,"workflow":384},1778053622473.6711,"k176a0bfcr2ba1tesnxq87tpkd867bnw",{"reviewCount":8},{"description":371,"installMethods":372,"name":373,"sourceUrl":374,"tags":375},"Extension from jwynia/agent-skills",{},"React PWA","https://github.com/jwynia/agent-skills/tree/HEAD/skills/tech/frontend/pwa/react-pwa",[376,18,324,353,19,377,23],"pwa","service-worker",{"githubOwner":248,"githubRepo":194,"locale":27,"slug":379,"type":196},"react-pwa",{"extract":381,"llm":382},{"commitSha":251,"license":188},{"promptVersionExtension":172,"promptVersionScoring":173,"score":278,"targetMarket":178,"tier":179},{"repoId":255},{"anyEnrichmentAt":257,"extractAt":258,"githubAt":257,"llmAt":259,"updatedAt":259}]