[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-jakubkrehel-make-interfaces-feel-better-tr":3,"guides-for-jakubkrehel-make-interfaces-feel-better":224,"similar-k17akerbcb9qg85yjeq5b9a0fd8672fp":225},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":22,"identity":190,"isFallback":194,"parentExtension":195,"providers":196,"relations":201,"repo":203,"workflow":221},1778054491434.2573,"k17akerbcb9qg85yjeq5b9a0fd8672fp",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"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,17,18,19,20,21],"ui","design","frontend","css","animation","typography","polish",{"_creationTime":23,"_id":24,"extensionId":5,"locale":25,"result":26,"trustSignals":179,"workflow":188},1778054509344.5215,"kn75jsp0xtqwsj1ebbwk3z4g4s867ch4","en",{"checks":27,"evaluatedAt":169,"extensionSummary":170,"promptVersionExtension":171,"promptVersionScoring":172,"rationale":173,"score":174,"summary":175,"tags":176,"targetMarket":177,"tier":178},[28,33,36,39,43,46,51,55,58,61,65,69,72,76,79,82,85,88,91,94,98,102,106,111,115,118,121,124,128,131,134,137,140,143,147,150,153,156,159,162,166],{"category":29,"check":30,"severity":31,"summary":32},"Practical Utility","Problem relevance","pass","The description clearly states the problem of making interfaces feel polished and provides specific examples of when to use the skill.",{"category":29,"check":34,"severity":31,"summary":35},"Unique selling proposition","The skill provides specific, actionable design principles and code examples that go beyond general LLM capabilities for UI polish.",{"category":29,"check":37,"severity":31,"summary":38},"Production readiness","The skill provides comprehensive documentation and code examples covering a wide range of UI polish details, ready for use in development workflows.",{"category":40,"check":41,"severity":31,"summary":42},"Scope","Single responsibility principle","The skill focuses exclusively on design engineering principles for UI polish and does not include unrelated functionalities.",{"category":40,"check":44,"severity":31,"summary":45},"Description quality","The description accurately and concisely reflects the skill's purpose and capabilities, detailing specific UI elements and design principles.",{"category":47,"check":48,"severity":49,"summary":50},"Invocation","Scoped tools","not_applicable","This skill does not expose specific tools; it provides guidance and principles.",{"category":52,"check":53,"severity":49,"summary":54},"Documentation","Configuration & parameter reference","The skill does not have configurable parameters or implicit configurations that require documentation.",{"category":40,"check":56,"severity":49,"summary":57},"Tool naming","This skill does not expose specific tools with names.",{"category":40,"check":59,"severity":49,"summary":60},"Minimal I/O surface","This skill does not expose tools with input/output schemas.",{"category":62,"check":63,"severity":31,"summary":64},"License","License usability","The skill is licensed under MIT, a standard permissive open-source license.",{"category":66,"check":67,"severity":49,"summary":68},"Maintenance","Commit recency","No commits available for evaluation.",{"category":66,"check":70,"severity":49,"summary":71},"Dependency Management","No third-party dependencies are directly used or managed by this skill.",{"category":73,"check":74,"severity":49,"summary":75},"Security","Secret Management","The skill does not handle or expose secrets.",{"category":73,"check":77,"severity":31,"summary":78},"Injection","The skill's content is purely instructional and does not load or execute untrusted third-party data.",{"category":73,"check":80,"severity":31,"summary":81},"Transitive Supply-Chain Grenades","The skill's content is self-contained and does not fetch external code or data at runtime.",{"category":73,"check":83,"severity":31,"summary":84},"Sandbox Isolation","The skill is purely informational and does not interact with the file system or perform actions outside its scope.",{"category":73,"check":86,"severity":31,"summary":87},"Sandbox escape primitives","No detached processes or retry loops around denied calls are present as it's an informational skill.",{"category":73,"check":89,"severity":31,"summary":90},"Data Exfiltration","The skill does not make any outbound calls or interact with any data that could lead to exfiltration.",{"category":73,"check":92,"severity":31,"summary":93},"Hidden Text Tricks","Bundled content is clean, readable, and free of hidden steering tricks or obfuscated instructions.",{"category":95,"check":96,"severity":31,"summary":97},"Hooks","Opaque code execution","The skill's content is plain markdown and does not involve obfuscated code execution.",{"category":99,"check":100,"severity":31,"summary":101},"Portability","Structural Assumption","The skill makes no assumptions about the user's project structure as it is purely informational.",{"category":103,"check":104,"severity":49,"summary":105},"Trust","Issues Attention","No issues data available.",{"category":107,"check":108,"severity":109,"summary":110},"Versioning","Release Management","warning","No version information is declared in the manifest or in associated files, and installation instructions reference the 'main' branch.",{"category":112,"check":113,"severity":49,"summary":114},"Code Execution","Validation","The skill does not involve executable code or structured output that requires validation.",{"category":73,"check":116,"severity":31,"summary":117},"Unguarded Destructive Operations","The skill is purely informational and contains no destructive operations.",{"category":112,"check":119,"severity":49,"summary":120},"Error Handling","The skill does not contain executable code that requires error handling.",{"category":112,"check":122,"severity":49,"summary":123},"Logging","The skill does not involve actions that require logging.",{"category":125,"check":126,"severity":31,"summary":127},"Compliance","GDPR","The skill is informational and does not process personal data.",{"category":125,"check":129,"severity":31,"summary":130},"Target market","The principles discussed are universally applicable to UI development, with no regional restrictions.",{"category":99,"check":132,"severity":31,"summary":133},"Runtime stability","The skill is informational and does not have runtime dependencies on specific environments.",{"category":47,"check":135,"severity":31,"summary":136},"Precise Purpose","The skill clearly defines its purpose: imparting design engineering principles for UI polish, and provides specific use cases and triggers.",{"category":47,"check":138,"severity":31,"summary":139},"Concise Frontmatter","The frontmatter is dense and effectively summarizes the core capability and relevant keywords.",{"category":52,"check":141,"severity":31,"summary":142},"Concise Body","The skill body is well-structured, under 500 lines, and delegates deeper material to reference files.",{"category":144,"check":145,"severity":31,"summary":146},"Context","Progressive Disclosure","The skill outlines the flow and effectively links to separate reference files for sub-tasks.",{"category":144,"check":148,"severity":49,"summary":149},"Forked exploration","The skill is short-form and does not involve deep exploration that would require forking.",{"category":29,"check":151,"severity":31,"summary":152},"Usage examples","Sufficient examples are included, demonstrating input, invocation, and observable outcomes for various principles.",{"category":29,"check":154,"severity":31,"summary":155},"Edge cases","The skill documents failure modes and limitations, such as text-wrap limits, and provides guidance on handling them.",{"category":112,"check":157,"severity":49,"summary":158},"Tool Fallback","This skill does not rely on external tools like MCP and thus has no fallback requirement.",{"category":99,"check":160,"severity":31,"summary":161},"Stack assumptions","The skill clearly states stack assumptions, such as CSS properties and framework-agnostic principles.",{"category":163,"check":164,"severity":31,"summary":165},"Safety","Halt on unexpected state","The skill is informational and does not have workflows that could be affected by unexpected states.",{"category":99,"check":167,"severity":31,"summary":168},"Cross-skill coupling","The skill is self-contained and does not implicitly rely on other skills being loaded.",1778054509064,"This skill imparts design engineering principles for achieving polished user interfaces by detailing best practices for typography, animations, surfaces, and performance. It offers specific code examples and actionable advice for improving visual details in UI components and frontend code.","2.0.0","3.4.0","This skill is exceptionally well-documented and practical, covering a niche but important aspect of UI development with clear principles and examples. The only minor finding is the lack of versioning, which is typical for informational skills.",95,"Provides expert guidance on UI polish details, enhancing user experience through meticulous design principles.",[15,16,17,18,19,20,21],"global","verified",{"codeQuality":180,"collectedAt":181,"documentation":182,"maintenance":184,"security":185,"testCoverage":187},{},1778054493580,{"descriptionLength":183,"readmeSize":8},454,{},{"hasNpmPackage":186,"smitheryVerified":186},false,{"hasCi":186,"hasTests":186},{"updatedAt":189},1778054509344,{"githubOwner":191,"githubRepo":192,"locale":25,"slug":192,"type":193},"jakubkrehel","make-interfaces-feel-better","skill",true,null,{"extract":197,"llm":200},{"commitSha":198,"license":199},"384562064fcdd99778fcbafd8729626fe6aab02f","MIT",{"promptVersionExtension":171,"promptVersionScoring":172,"score":174,"targetMarket":177,"tier":178},{"repoId":202},"kd73vz76v1h3vbkcs55q5pr89s8640jq",{"_creationTime":204,"_id":202,"identity":205,"providers":207,"workflow":218},1777995558409.8325,{"githubOwner":191,"githubRepo":192,"sourceUrl":206},"https://github.com/jakubkrehel/make-interfaces-feel-better",{"discover":208,"github":211},{"sources":209},[210],"skills-sh",{"closedIssues90d":8,"forks":212,"homepage":213,"openIssues90d":8,"pushedAt":214,"readmeSize":215,"stars":216,"topics":217},20,"https://jakub.kr/writing/details-that-make-interfaces-feel-better",1776612464000,1163,746,[],{"discoverAt":219,"extractAt":220,"githubAt":220,"updatedAt":220},1777995558409,1778054492131,{"anyEnrichmentAt":222,"extractAt":223,"githubAt":222,"llmAt":189,"updatedAt":189},1778054491631,1778054491434,[],[226,260,285,312,338,364],{"_creationTime":227,"_id":228,"community":229,"display":230,"identity":245,"providers":249,"relations":254,"workflow":256},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":231,"installMethods":232,"name":233,"sourceUrl":234,"tags":235},"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,17,18,236,237,20,238,239,240,241,242,243,244],"components","palette","tokens","accessibility","react","vue","svelte","html","deno",{"githubOwner":246,"githubRepo":247,"locale":25,"slug":248,"type":193},"jwynia","agent-skills","frontend-design",{"extract":250,"llm":252},{"commitSha":251,"license":199},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":171,"promptVersionScoring":172,"score":253,"targetMarket":177,"tier":178},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":233,"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",[17,16,15,269,243,18,240,241],"web-components",{"githubOwner":271,"githubRepo":272,"locale":25,"slug":248,"type":193},"bytedance","deer-flow",{"extract":274,"llm":277},{"commitSha":275,"license":276},"1336872b15c25d45ebcb7c1cf72369c2bdd53187","MIT-0",{"promptVersionExtension":171,"promptVersionScoring":172,"score":278,"targetMarket":177,"tier":178},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",[18,17,15,295,296,239],"design-systems","performance",{"githubOwner":298,"githubRepo":299,"locale":25,"slug":300,"type":193},"ccheney","robust-skills","modern-css",{"extract":302,"llm":304},{"commitSha":303,"license":199},"85e5e2698d9753fb690666ccd59598e8a0b6f004",{"promptVersionExtension":171,"promptVersionScoring":172,"score":305,"targetMarket":177,"tier":178},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":326,"providers":328,"relations":332,"workflow":334},1778054691785.2559,"k17ac35xsa43hhrp4547zcey758667vk",{"reviewCount":8},{"description":317,"installMethods":318,"name":319,"sourceUrl":320,"tags":321},"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",[17,15,322,240,323,324,18,239,325],"design-system","typescript","tailwind","web-development",{"githubOwner":327,"githubRepo":247,"locale":25,"slug":248,"type":193},"answerzhao",{"extract":329,"llm":331},{"commitSha":330,"license":199},"aad73edbd0d9ffbc3d6a402b6eafa6dab96d5ebb",{"promptVersionExtension":171,"promptVersionScoring":172,"score":174,"targetMarket":177,"tier":178},{"repoId":333},"kd712v2g1pay70swwj0jpv2ggs864zgh",{"anyEnrichmentAt":335,"extractAt":336,"githubAt":335,"llmAt":337,"updatedAt":337},1778054692243,1778054691785,1778054738050,{"_creationTime":339,"_id":340,"community":341,"display":342,"identity":349,"providers":352,"relations":357,"workflow":359},1778003505319.9612,"k178p885vb6kzw0tmz4wpkbqa586529v",{"reviewCount":8},{"description":343,"installMethods":344,"name":345,"sourceUrl":346,"tags":347},"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,19,17,348],"developer-experience",{"githubOwner":350,"githubRepo":193,"locale":25,"slug":351,"type":193},"emilkowalski","emil-design-eng",{"extract":353,"llm":355,"smithery":356},{"commitSha":354,"license":199},"ecf66bbd1fb33c25332b6b0e454d08049978284c",{"promptVersionExtension":171,"promptVersionScoring":172,"score":174,"targetMarket":177,"tier":178},{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":186},{"repoId":358},"kd78fpr5tcstmcbbk24xzm7cc5864ttk",{"anyEnrichmentAt":360,"extractAt":361,"githubAt":362,"llmAt":363,"smitheryAt":360,"updatedAt":363},1778016861516,1778003569808,1778003571460,1778016883287,{"_creationTime":365,"_id":366,"community":367,"display":368,"identity":375,"providers":377,"relations":381,"workflow":383},1778054425877.205,"k1788s1zmn7ntdbw621xdwznvx8664ht",{"reviewCount":8},{"description":369,"installMethods":370,"name":371,"sourceUrl":372,"tags":373},"Brand checking of React Elements.",{},"react-is","https://github.com/facebook/react/tree/HEAD/packages/react-is",[240,374,17,15],"javascript",{"githubOwner":376,"githubRepo":240,"locale":25,"slug":371,"type":193},"facebook",{"extract":378,"llm":380},{"commitSha":379,"license":199},"9635257c1b557acc81f95b1e974a54c752e703a2",{"promptVersionExtension":171,"promptVersionScoring":172,"score":278,"targetMarket":177,"tier":178},{"repoId":382},"kd73v9dy7vwq94hgzc7eh43b9s865rhq",{"anyEnrichmentAt":384,"extractAt":385,"githubAt":384,"llmAt":386,"updatedAt":386},1778054428301,1778054425877,1778054588390]