[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-anthropics-frontend-design-en":3,"guides-for-anthropics-frontend-design":268},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":24,"identity":194,"isFallback":189,"parentExtension":199,"providers":250,"relations":256,"repo":257,"workflow":267},1778003232571.9182,"k17am9r382h875wtg7x88381y1865zy7",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"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.",{},"Frontend Design","https://github.com/anthropics/skills/tree/HEAD/skills/frontend-design",[15,16,17,18,19,20,21,22,23],"frontend","design","ui","ux","web-development","react","html","css","coding",{"_creationTime":25,"_id":26,"extensionId":5,"locale":27,"result":28,"trustSignals":182,"workflow":192},1778007125066.7017,"kn7dhx8y8s3n00h9k7mkhyras98646bm","en",{"checks":29,"evaluatedAt":172,"extensionSummary":173,"promptVersionExtension":174,"promptVersionScoring":175,"rationale":176,"score":177,"summary":178,"tags":179,"targetMarket":180,"tier":181},[30,35,38,41,45,48,53,57,60,63,67,71,74,78,81,84,87,90,93,96,100,104,108,113,117,120,123,126,130,133,136,139,142,145,149,152,155,159,162,165,169],{"category":31,"check":32,"severity":33,"summary":34},"Practical Utility","Problem relevance","pass","The description clearly states the problem of creating distinctive, production-grade frontend interfaces with high design quality and names specific artifacts like web components, pages, and applications.",{"category":31,"check":36,"severity":33,"summary":37},"Unique selling proposition","The skill offers a unique value proposition by focusing on 'distinctive, production-grade frontend interfaces' and actively discouraging 'generic AI aesthetics' and 'AI slop', steering the LLM towards a specific, high-quality design direction.",{"category":31,"check":39,"severity":33,"summary":40},"Production readiness","The skill's instructions provide a clear design thinking process, aesthetic guidelines, and implementation details, suggesting it can be used to produce complete frontend interfaces in a real workflow.",{"category":42,"check":43,"severity":33,"summary":44},"Scope","Single responsibility principle","The skill focuses on a single domain: frontend interface design and implementation, with clear instructions on aesthetic direction and coding.",{"category":42,"check":46,"severity":33,"summary":47},"Description quality","The description is concise, readable, and accurately reflects the skill's focus on creating high-quality, distinctive frontend interfaces while avoiding generic AI aesthetics.",{"category":49,"check":50,"severity":51,"summary":52},"Invocation","Scoped tools","not_applicable","This skill does not expose any tools; it operates through natural language instructions within the LLM's context.",{"category":54,"check":55,"severity":51,"summary":56},"Documentation","Configuration & parameter reference","The skill does not appear to use explicit configuration files or parameters that require documentation beyond the instructions provided in SKILL.md.",{"category":42,"check":58,"severity":51,"summary":59},"Tool naming","No tools are exposed by this skill.",{"category":42,"check":61,"severity":51,"summary":62},"Minimal I/O surface","This skill does not expose tools with input/output schemas.",{"category":64,"check":65,"severity":33,"summary":66},"License","License usability","The license is declared as 'Complete terms in LICENSE.txt' and the Apache 2.0 license text is provided, which is a permissive open-source license.",{"category":68,"check":69,"severity":51,"summary":70},"Maintenance","Commit recency","The repository's commit history is not available for this check as it was not provided.",{"category":68,"check":72,"severity":51,"summary":73},"Dependency Management","No third-party dependencies are explicitly managed or declared within the skill's files.",{"category":75,"check":76,"severity":51,"summary":77},"Security","Secret Management","The skill does not handle or process secrets.",{"category":75,"check":79,"severity":33,"summary":80},"Injection","The skill operates on natural language instructions and does not load or execute third-party data that could lead to injection vulnerabilities.",{"category":75,"check":82,"severity":33,"summary":83},"Transitive Supply-Chain Grenades","The skill does not fetch remote content or execute arbitrary code, mitigating transitive supply-chain risks.",{"category":75,"check":85,"severity":33,"summary":86},"Sandbox Isolation","The skill operates within the LLM's context and does not interact with the file system or external resources in a way that could violate sandbox isolation.",{"category":75,"check":88,"severity":33,"summary":89},"Sandbox escape primitives","The skill's instructions are text-based and do not contain any primitives that could lead to sandbox escape.",{"category":75,"check":91,"severity":33,"summary":92},"Data Exfiltration","The skill does not perform any outbound network calls or attempt to exfiltrate data.",{"category":75,"check":94,"severity":33,"summary":95},"Hidden Text Tricks","The bundled files do not contain any hidden text tricks or obfuscated instructions.",{"category":97,"check":98,"severity":33,"summary":99},"Hooks","Opaque code execution","The skill's instructions are written in plain markdown and do not involve obfuscated code execution.",{"category":101,"check":102,"severity":33,"summary":103},"Portability","Structural Assumption","The skill operates on natural language inputs and does not make assumptions about the user's project structure.",{"category":105,"check":106,"severity":51,"summary":107},"Trust","Issues Attention","Issue data was not available for this repository.",{"category":109,"check":110,"severity":111,"summary":112},"Versioning","Release Management","warning","No explicit versioning information (e.g., version field in manifest, changelog, releases) is present for this skill.",{"category":114,"check":115,"severity":51,"summary":116},"Code Execution","Validation","The skill does not execute code or process structured input/output that requires validation.",{"category":75,"check":118,"severity":33,"summary":119},"Unguarded Destructive Operations","The skill is instructional and does not perform any destructive operations.",{"category":114,"check":121,"severity":33,"summary":122},"Error Handling","The skill operates via natural language prompts and does not involve code execution that would require explicit error handling.",{"category":114,"check":124,"severity":51,"summary":125},"Logging","The skill does not perform actions that require local audit logging.",{"category":127,"check":128,"severity":33,"summary":129},"Compliance","GDPR","The skill's instructions focus on design principles and do not involve the processing of personal data.",{"category":127,"check":131,"severity":33,"summary":132},"Target market","The skill provides general frontend design guidance applicable globally, without specific regional constraints.",{"category":101,"check":134,"severity":33,"summary":135},"Runtime stability","The skill operates on natural language and is not dependent on specific runtime environments or tooling beyond the LLM itself.",{"category":49,"check":137,"severity":33,"summary":138},"Precise Purpose","The description clearly defines the skill's purpose (create distinctive frontend interfaces) and when to use it (building web components, pages, etc.), including negative constraints like avoiding 'generic AI aesthetics'.",{"category":49,"check":140,"severity":33,"summary":141},"Concise Frontmatter","The frontmatter is concise and effectively summarizes the skill's core capability and trigger phrases.",{"category":54,"check":143,"severity":33,"summary":144},"Concise Body","The skill body is relatively concise and focuses on design thinking and aesthetic guidelines, avoiding excessive length.",{"category":146,"check":147,"severity":33,"summary":148},"Context","Progressive Disclosure","The skill's instructions are contained within SKILL.md and do not embed large amounts of bulk third-party material.",{"category":146,"check":150,"severity":51,"summary":151},"Forked exploration","This skill is focused on instruction and generation, not deep exploration or code review that would necessitate forked context.",{"category":31,"check":153,"severity":111,"summary":154},"Usage examples","The skill's instructions mention examples and guidelines but do not provide concrete, ready-to-use end-to-end examples with specific inputs and claimed outputs.",{"category":31,"check":156,"severity":157,"summary":158},"Edge cases","info","The skill mentions the importance of intentionality and matching complexity to vision, but does not explicitly list or detail specific failure modes and recovery steps.",{"category":114,"check":160,"severity":51,"summary":161},"Tool Fallback","This skill does not rely on external tools like MCP servers.",{"category":101,"check":163,"severity":33,"summary":164},"Stack assumptions","The skill's instructions are general and do not make assumptions about specific programming language runtimes or frameworks.",{"category":166,"check":167,"severity":33,"summary":168},"Safety","Halt on unexpected state","The skill operates on natural language prompts and does not involve code execution or state management that would require explicit halting on unexpected pre-state.",{"category":101,"check":170,"severity":33,"summary":171},"Cross-skill coupling","The skill is self-contained and does not appear to rely on other specific skills being loaded.",1778007013838,"This skill guides users through a design thinking process and provides detailed aesthetic guidelines for creating production-grade frontend interfaces. It emphasizes intentionality in tone, color, typography, and spatial composition, aiming to produce memorable and visually striking code.","2.0.0","3.4.0","The skill provides high-quality, focused instructions for frontend design, with a clear unique selling proposition and good documentation. The primary detractor is the lack of concrete usage examples, which impacts its practical utility for immediate adoption.",85,"This skill provides comprehensive instructions and guidelines for generating high-quality, distinctive frontend interfaces that prioritize unique aesthetics over generic AI designs.",[15,16,17,18,19,20,21,22],"global","verified",{"codeQuality":183,"collectedAt":184,"documentation":185,"maintenance":187,"security":188,"testCoverage":191},{},1778007002096,{"descriptionLength":186,"readmeSize":8},399,{},{"hasNpmPackage":189,"license":190,"smitheryVerified":189},false,"Complete terms in LICENSE.txt",{"hasCi":189,"hasTests":189},{"invalidatedAt":193,"updatedAt":193},1778008076651,{"githubOwner":195,"githubRepo":196,"locale":27,"slug":197,"type":198},"anthropics","skills","frontend-design","skill",{"_creationTime":200,"_id":201,"community":202,"display":203,"identity":211,"parentExtension":214,"providers":245,"relations":248,"workflow":249},1778003232571.9158,"k178h7yq3ctta15zcwenpxpkvd864mcm",{"reviewCount":8},{"description":204,"installMethods":205,"name":206,"sourceUrl":207,"tags":208},"Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling",{},"Example Skills Collection","https://github.com/anthropics/skills",[209,196,210],"examples","mcp",{"githubOwner":195,"githubRepo":196,"locale":27,"slug":212,"type":213},"example-skills","plugin",{"_creationTime":215,"_id":216,"community":217,"display":218,"identity":228,"providers":231,"relations":239,"workflow":241},1778003232571.9128,"k17124zdhjkq8c15ck8qz63e5d8652gy",{"reviewCount":8},{"description":219,"installMethods":220,"name":221,"sourceUrl":207,"tags":222},"Anthropic example skills",{},"Anthropic Skills",[209,223,196,224,225,226,227],"documentation","claude","creative","technical","enterprise",{"githubOwner":195,"githubRepo":196,"locale":27,"slug":229,"type":230},"anthropic-agent-skills","marketplace",{"extract":232,"smithery":238},{"commitSha":233,"license":234,"marketplace":235},"d230a6dd6eb1a0dbee9fec55e2f00a96e28dff81","Apache-2.0",{"name":229,"pluginCount":236,"version":237},3,"1.0.0",{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":189},{"repoId":240},"kd72m31vxr2nd4hahhzvp0cyrn864eyx",{"anyEnrichmentAt":193,"extractAt":242,"githubAt":243,"invalidatedAt":193,"llmAt":244,"smitheryAt":193,"updatedAt":193},1778003232571,1778003234861,1778007125066,{"extract":246,"smithery":247},{"commitSha":233,"license":51},{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":189},{"parentExtensionId":216,"repoId":240},{"anyEnrichmentAt":193,"extractAt":242,"githubAt":243,"invalidatedAt":193,"llmAt":244,"smitheryAt":193,"updatedAt":193},{"extract":251,"smithery":252},{"commitSha":233,"license":234},{"qualityScore":253,"totalActivations":254,"uniqueUsers":255,"useCount":8,"verified":189},1,1186,896,{"parentExtensionId":201,"repoId":240},{"_creationTime":258,"_id":240,"identity":259,"providers":260,"workflow":265},1777995558409.8123,{"githubOwner":195,"githubRepo":196,"sourceUrl":207},{"discover":261},{"sources":262},[263,264],"skills-sh","smithery",{"discoverAt":266,"extractAt":242,"updatedAt":242},1777995558409,{"anyEnrichmentAt":193,"extractAt":242,"githubAt":243,"invalidatedAt":193,"llmAt":244,"smitheryAt":193,"updatedAt":193},[]]