[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-emilkowalski-emil-design-eng-ja":3,"guides-for-emilkowalski-emil-design-eng":217,"similar-k178p885vb6kzw0tmz4wpkbqa586529v":218},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":20,"identity":189,"isFallback":193,"parentExtension":194,"providers":195,"relations":201,"repo":203,"workflow":214},1778003505319.9612,"k178p885vb6kzw0tmz4wpkbqa586529v",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.",{},"Emil Design Engineering","https://github.com/emilkowalski/skill/tree/HEAD/skills/emil-design-eng",[15,16,17,18,19],"ui","design","animation","frontend","developer-experience",{"_creationTime":21,"_id":22,"extensionId":5,"locale":23,"result":24,"trustSignals":178,"workflow":187},1778016883287.2576,"kn75drfw3apqsq824sx6kfh665864474","en",{"checks":25,"evaluatedAt":168,"extensionSummary":169,"promptVersionExtension":170,"promptVersionScoring":171,"rationale":172,"score":173,"summary":174,"tags":175,"targetMarket":176,"tier":177},[26,31,34,37,41,44,49,53,56,59,64,68,71,75,78,81,84,87,90,93,97,101,105,110,114,117,120,123,127,130,133,136,139,142,146,149,152,155,158,161,165],{"category":27,"check":28,"severity":29,"summary":30},"Practical Utility","Problem relevance","pass","The description clearly states the extension addresses problems related to UI polish, component design, animation, and software feel, which are concrete aspects of user experience.",{"category":27,"check":32,"severity":29,"summary":33},"Unique selling proposition","The skill focuses on a specific design philosophy and provides detailed guidance on animation, component design, and interaction, offering significant value beyond a generic prompt.",{"category":27,"check":35,"severity":29,"summary":36},"Production readiness","The extension provides comprehensive guidelines and a review format that are directly usable in a UI development workflow today.",{"category":38,"check":39,"severity":29,"summary":40},"Scope","Single responsibility principle","The skill maintains a clear focus on design engineering principles and UI polish, without bleeding into unrelated domains like testing or deployment.",{"category":38,"check":42,"severity":29,"summary":43},"Description quality","The displayed description accurately and concisely reflects the skill's focus on UI polish, component design, and animation philosophy.",{"category":45,"check":46,"severity":47,"summary":48},"Invocation","Scoped tools","not_applicable","This skill does not expose specific tools or commands; its functionality is driven by natural language instructions and philosophical guidance.",{"category":50,"check":51,"severity":47,"summary":52},"Documentation","Configuration & parameter reference","The skill does not have configurable parameters or environment variables that require documentation.",{"category":38,"check":54,"severity":47,"summary":55},"Tool naming","No explicit tools are exposed by this skill, so tool naming conventions do not apply.",{"category":38,"check":57,"severity":47,"summary":58},"Minimal I/O surface","The skill operates through natural language interaction and does not expose structured input/output schemas for tools.",{"category":60,"check":61,"severity":62,"summary":63},"License","License usability","info","The license is not explicitly stated in a LICENSE file or manifest; it is only mentioned in the README footer. This makes it informal and potentially difficult for downstream tools to parse.",{"category":65,"check":66,"severity":47,"summary":67},"Maintenance","Commit recency","No commit history is available for this extension, indicating it might be a new addition or not hosted on a platform with version control history accessible for this check.",{"category":65,"check":69,"severity":47,"summary":70},"Dependency Management","No third-party dependencies are evident in the provided files.",{"category":72,"check":73,"severity":47,"summary":74},"Security","Secret Management","The skill does not handle or process any secrets.",{"category":72,"check":76,"severity":29,"summary":77},"Injection","The skill's content is primarily instructional text and does not load external data or scripts that could be used for injection.",{"category":72,"check":79,"severity":29,"summary":80},"Transitive Supply-Chain Grenades","The skill does not fetch remote content or execute external scripts, mitigating supply-chain risks.",{"category":72,"check":82,"severity":29,"summary":83},"Sandbox Isolation","The skill operates within the Claude environment and does not attempt to modify files outside its designated scope.",{"category":72,"check":85,"severity":29,"summary":86},"Sandbox escape primitives","No detached-process spawns or deny-retry loops were found in the skill's instructions.",{"category":72,"check":88,"severity":29,"summary":89},"Data Exfiltration","The skill does not make outbound calls or reference confidential data that could be exfiltrated.",{"category":72,"check":91,"severity":29,"summary":92},"Hidden Text Tricks","The bundled content is free of hidden-steering tricks, invisible characters, or malformed markup.",{"category":94,"check":95,"severity":29,"summary":96},"Hooks","Opaque code execution","The skill's content is plain, readable text and does not involve obfuscated code or runtime script fetching.",{"category":98,"check":99,"severity":29,"summary":100},"Portability","Structural Assumption","The skill makes no assumptions about user-specific project organization or OS-specific paths.",{"category":102,"check":103,"severity":47,"summary":104},"Trust","Issues Attention","No issue tracker data is available for this extension.",{"category":106,"check":107,"severity":108,"summary":109},"Versioning","Release Management","warning","No version information is present in the manifest files or associated documentation, and no installation instructions are provided to specify a version.",{"category":111,"check":112,"severity":47,"summary":113},"Code Execution","Validation","The skill does not execute code or process structured input arguments that require validation via a schema library.",{"category":72,"check":115,"severity":47,"summary":116},"Unguarded Destructive Operations","The skill is purely instructional and analytical, performing no destructive operations.",{"category":111,"check":118,"severity":29,"summary":119},"Error Handling","The skill provides clear instructions and guidance, and does not execute code that would require structured error handling.",{"category":111,"check":121,"severity":47,"summary":122},"Logging","The skill does not perform actions that require local audit logging.",{"category":124,"check":125,"severity":47,"summary":126},"Compliance","GDPR","The skill does not operate on personal data.",{"category":124,"check":128,"severity":29,"summary":129},"Target market","The skill's content is focused on universal design principles and does not contain region-specific logic, making it globally applicable.",{"category":98,"check":131,"severity":29,"summary":132},"Runtime stability","The skill's instructions are general and do not assume a specific editor, shell, OS, or Claude Code runtime environment.",{"category":45,"check":134,"severity":29,"summary":135},"Precise Purpose","The skill clearly defines its purpose (UI polish, component design, animation) and its scope, providing realistic positive triggers and explicit boundaries.",{"category":45,"check":137,"severity":29,"summary":138},"Concise Frontmatter","The frontmatter is concise and effectively summarizes the core capability and purpose of the skill.",{"category":50,"check":140,"severity":29,"summary":141},"Concise Body","The skill's body is well-structured and under the typical line limit, delegating detailed material appropriately.",{"category":143,"check":144,"severity":29,"summary":145},"Context","Progressive Disclosure","The skill uses `references/` files for detailed procedures and materials, adhering to progressive disclosure principles.",{"category":143,"check":147,"severity":47,"summary":148},"Forked exploration","This skill is instructional and does not involve deep exploration or code review that would necessitate `context: fork`.",{"category":27,"check":150,"severity":29,"summary":151},"Usage examples","Sufficient examples are provided, including code snippets and expected outcomes, covering the advertised capabilities.",{"category":27,"check":153,"severity":29,"summary":154},"Edge cases","The skill documents failure modes with observable symptoms and recovery steps, handling edge cases effectively.",{"category":111,"check":156,"severity":47,"summary":157},"Tool Fallback","The skill does not rely on external tools like MCP servers, thus no fallback mechanism is required.",{"category":98,"check":159,"severity":29,"summary":160},"Stack assumptions","The skill clearly states its stack assumptions, such as preferring CSS transitions and specific animation principles, without tying itself to specific runtimes or package managers.",{"category":162,"check":163,"severity":29,"summary":164},"Safety","Halt on unexpected state","The skill instructs the agent to abort and report on unexpected pre-states, ensuring safety.",{"category":98,"check":166,"severity":29,"summary":167},"Cross-skill coupling","The skill is self-contained and does not implicitly rely on other skills; any cross-skill coordination would be explicit.",1778016853859,"This skill provides detailed principles and a framework for creating highly polished user interfaces, drawing from Emil Kowalski's design philosophy. It covers animation decision-making, CSS transform mastery, clip-path usage, gesture interactions, performance rules, and accessibility considerations, offering concrete examples and review formats.","2.0.0","3.4.0","The skill is exceptionally well-documented, providing clear, actionable, and comprehensive guidance on UI design principles, animation, and component building. It handles edge cases, offers practical examples, and adheres to best practices for progressive disclosure and scope. The only minor deduction is for the informal license declaration.",95,"A comprehensive guide to UI design engineering, focusing on polish, animation, and component best practices.",[15,16,17,18,19],"global","verified",{"codeQuality":179,"collectedAt":180,"documentation":181,"maintenance":183,"security":184,"testCoverage":186},{},1778016844852,{"descriptionLength":182,"readmeSize":8},155,{},{"hasNpmPackage":185,"smitheryVerified":185},false,{"hasCi":185,"hasTests":185},{"updatedAt":188},1778016883287,{"githubOwner":190,"githubRepo":191,"locale":23,"slug":192,"type":191},"emilkowalski","skill","emil-design-eng",true,null,{"extract":196,"llm":199,"smithery":200},{"commitSha":197,"license":198},"ecf66bbd1fb33c25332b6b0e454d08049978284c","MIT",{"promptVersionExtension":170,"promptVersionScoring":171,"score":173,"targetMarket":176,"tier":177},{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":185},{"repoId":202},"kd78fpr5tcstmcbbk24xzm7cc5864ttk",{"_creationTime":204,"_id":202,"identity":205,"providers":207,"workflow":211},1777995558409.821,{"githubOwner":190,"githubRepo":191,"sourceUrl":206},"https://github.com/emilkowalski/skill",{"discover":208},{"sources":209},[210],"skills-sh",{"discoverAt":212,"extractAt":213,"updatedAt":213},1777995558409,1778003569808,{"anyEnrichmentAt":215,"extractAt":213,"githubAt":216,"llmAt":188,"smitheryAt":215,"updatedAt":188},1778016861516,1778003571460,[],[219,245,279,304,327,354],{"_creationTime":220,"_id":221,"community":222,"display":223,"identity":232,"providers":235,"relations":239,"workflow":241},1778054491434.2573,"k17akerbcb9qg85yjeq5b9a0fd8672fp",{"reviewCount":8},{"description":224,"installMethods":225,"name":226,"sourceUrl":227,"tags":228},"Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, \"make it feel better\", \"feels off\", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.",{},"Make Interfaces Feel Better","https://github.com/jakubkrehel/make-interfaces-feel-better/tree/HEAD/skills/make-interfaces-feel-better",[15,16,18,229,17,230,231],"css","typography","polish",{"githubOwner":233,"githubRepo":234,"locale":23,"slug":234,"type":191},"jakubkrehel","make-interfaces-feel-better",{"extract":236,"llm":238},{"commitSha":237,"license":198},"384562064fcdd99778fcbafd8729626fe6aab02f",{"promptVersionExtension":170,"promptVersionScoring":171,"score":173,"targetMarket":176,"tier":177},{"repoId":240},"kd73vz76v1h3vbkcs55q5pr89s8640jq",{"anyEnrichmentAt":242,"extractAt":243,"githubAt":242,"llmAt":244,"updatedAt":244},1778054491631,1778054491434,1778054509344,{"_creationTime":246,"_id":247,"community":248,"display":249,"identity":264,"providers":268,"relations":273,"workflow":275},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":250,"installMethods":251,"name":252,"sourceUrl":253,"tags":254},"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",[16,15,18,229,255,256,230,257,258,259,260,261,262,263],"components","palette","tokens","accessibility","react","vue","svelte","html","deno",{"githubOwner":265,"githubRepo":266,"locale":23,"slug":267,"type":191},"jwynia","agent-skills","frontend-design",{"extract":269,"llm":271},{"commitSha":270,"license":198},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":170,"promptVersionScoring":171,"score":272,"targetMarket":176,"tier":177},99,{"repoId":274},"kd7efn3mprpa8rd8vm5hw5ebzx864fph",{"anyEnrichmentAt":276,"extractAt":277,"githubAt":276,"llmAt":278,"updatedAt":278},1778053625386,1778053622473,1778054012696,{"_creationTime":280,"_id":281,"community":282,"display":283,"identity":289,"providers":292,"relations":298,"workflow":300},1778053100136.2432,"k172mxtfqpq8byws1fyd2va1018674xt",{"reviewCount":8},{"description":284,"installMethods":285,"name":252,"sourceUrl":286,"tags":287},"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,16,15,288,262,229,259,260],"web-components",{"githubOwner":290,"githubRepo":291,"locale":23,"slug":267,"type":191},"bytedance","deer-flow",{"extract":293,"llm":296},{"commitSha":294,"license":295},"1336872b15c25d45ebcb7c1cf72369c2bdd53187","MIT-0",{"promptVersionExtension":170,"promptVersionScoring":171,"score":297,"targetMarket":176,"tier":177},98,{"repoId":299},"kd789sm7egx1h0t1jag6zzhcq98656wv",{"anyEnrichmentAt":301,"extractAt":302,"githubAt":301,"llmAt":303,"updatedAt":303},1778053101076,1778053100136,1778053169012,{"_creationTime":305,"_id":306,"community":307,"display":308,"identity":315,"providers":317,"relations":321,"workflow":323},1778054425877.205,"k1788s1zmn7ntdbw621xdwznvx8664ht",{"reviewCount":8},{"description":309,"installMethods":310,"name":311,"sourceUrl":312,"tags":313},"Brand checking of React Elements.",{},"react-is","https://github.com/facebook/react/tree/HEAD/packages/react-is",[259,314,18,15],"javascript",{"githubOwner":316,"githubRepo":259,"locale":23,"slug":311,"type":191},"facebook",{"extract":318,"llm":320},{"commitSha":319,"license":198},"9635257c1b557acc81f95b1e974a54c752e703a2",{"promptVersionExtension":170,"promptVersionScoring":171,"score":297,"targetMarket":176,"tier":177},{"repoId":322},"kd73v9dy7vwq94hgzc7eh43b9s865rhq",{"anyEnrichmentAt":324,"extractAt":325,"githubAt":324,"llmAt":326,"updatedAt":326},1778054428301,1778054425877,1778054588390,{"_creationTime":328,"_id":329,"community":330,"display":331,"identity":339,"providers":343,"relations":348,"workflow":350},1778053038365.4285,"k17bkkf71rqak85n36k4z7r13h8662kk",{"reviewCount":8},{"description":332,"installMethods":333,"name":334,"sourceUrl":335,"tags":336},"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",[229,18,15,337,338,258],"design-systems","performance",{"githubOwner":340,"githubRepo":341,"locale":23,"slug":342,"type":191},"ccheney","robust-skills","modern-css",{"extract":344,"llm":346},{"commitSha":345,"license":198},"85e5e2698d9753fb690666ccd59598e8a0b6f004",{"promptVersionExtension":170,"promptVersionScoring":171,"score":347,"targetMarket":176,"tier":177},96,{"repoId":349},"kd75qepasjckthmb72881rzdj58655g4",{"anyEnrichmentAt":351,"extractAt":352,"githubAt":351,"llmAt":353,"updatedAt":353},1778053039088,1778053038365,1778053066880,{"_creationTime":355,"_id":356,"community":357,"display":358,"identity":368,"providers":370,"relations":374,"workflow":376},1778054691785.2559,"k17ac35xsa43hhrp4547zcey758667vk",{"reviewCount":8},{"description":359,"installMethods":360,"name":361,"sourceUrl":362,"tags":363},"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",[18,15,364,259,365,366,229,258,367],"design-system","typescript","tailwind","web-development",{"githubOwner":369,"githubRepo":266,"locale":23,"slug":267,"type":191},"answerzhao",{"extract":371,"llm":373},{"commitSha":372,"license":198},"aad73edbd0d9ffbc3d6a402b6eafa6dab96d5ebb",{"promptVersionExtension":170,"promptVersionScoring":171,"score":173,"targetMarket":176,"tier":177},{"repoId":375},"kd712v2g1pay70swwj0jpv2ggs864zgh",{"anyEnrichmentAt":377,"extractAt":378,"githubAt":377,"llmAt":379,"updatedAt":379},1778054692243,1778054691785,1778054738050]