[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-bytedance-frontend-design-en":3,"guides-for-bytedance-frontend-design":246,"similar-k172mxtfqpq8byws1fyd2va1018674xt":247},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":23,"identity":191,"isFallback":186,"parentExtension":196,"providers":197,"relations":202,"repo":204,"workflow":243},1778053100136.2432,"k172mxtfqpq8byws1fyd2va1018674xt",[],{"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/bytedance/deer-flow/tree/HEAD/skills/public/frontend-design",[15,16,17,18,19,20,21,22],"frontend","design","ui","web-components","html","css","react","vue",{"_creationTime":24,"_id":25,"extensionId":5,"locale":26,"result":27,"trustSignals":179,"workflow":189},1778053169012.8281,"kn74h39fpm9pafzhjxhpwthf35866685","en",{"checks":28,"evaluatedAt":169,"extensionSummary":170,"promptVersionExtension":171,"promptVersionScoring":172,"rationale":173,"score":174,"summary":175,"tags":176,"targetMarket":177,"tier":178},[29,34,37,40,44,47,52,56,59,62,66,70,73,77,80,83,86,89,92,95,98,102,106,111,115,118,121,124,128,131,134,137,140,143,147,150,153,156,159,162,166],{"category":30,"check":31,"severity":32,"summary":33},"Practical Utility","Problem relevance","pass","The description clearly states the problem of creating distinctive, production-grade frontend interfaces and names specific use cases like web components, pages, and applications.",{"category":30,"check":35,"severity":32,"summary":36},"Unique selling proposition","The skill offers a unique selling proposition by focusing on high design quality, avoiding generic AI aesthetics, and providing detailed guidance on typography, color, motion, and spatial composition.",{"category":30,"check":38,"severity":32,"summary":39},"Production readiness","The skill generates production-grade, functional code with a strong emphasis on aesthetic details and a complete lifecycle from design thinking to implementation, including branding requirements.",{"category":41,"check":42,"severity":32,"summary":43},"Scope","Single responsibility principle","The skill focuses solely on frontend interface design and code generation, avoiding encroachment into unrelated domains like testing or deployment.",{"category":41,"check":45,"severity":32,"summary":46},"Description quality","The displayed description accurately reflects the skill's purpose of creating high-quality frontend interfaces, detailing its focus on design aesthetics and code generation.",{"category":48,"check":49,"severity":50,"summary":51},"Invocation","Scoped tools","not_applicable","This skill does not expose individual tools; its functionality is invoked through a single, well-defined skill interface.",{"category":53,"check":54,"severity":50,"summary":55},"Documentation","Configuration & parameter reference","The skill does not appear to expose configurable parameters or require explicit configuration beyond what is implicitly handled by the LLM.",{"category":41,"check":57,"severity":50,"summary":58},"Tool naming","This skill does not expose individual tools with specific names; its functionality is invoked through the skill interface.",{"category":41,"check":60,"severity":32,"summary":61},"Minimal I/O surface","The skill takes high-level requirements as input and produces well-defined frontend code and design as output, without exposing unnecessary internal details.",{"category":63,"check":64,"severity":32,"summary":65},"License","License usability","The skill is licensed under the MIT License, which is a permissive open-source license, and the license text is provided in a LICENSE file.",{"category":67,"check":68,"severity":50,"summary":69},"Maintenance","Commit recency","The repository for this skill is part of a larger project ('deer-flow') which has recent commits, but this specific skill's individual commit history is not separately tracked or evaluated here.",{"category":67,"check":71,"severity":50,"summary":72},"Dependency Management","This skill does not appear to have explicit external dependencies that require a specific dependency management strategy.",{"category":74,"check":75,"severity":50,"summary":76},"Security","Secret Management","The skill does not handle or expose any secrets.",{"category":74,"check":78,"severity":32,"summary":79},"Injection","The skill operates on user-provided requirements and generates code, with no indication of loading or executing untrusted third-party data as instructions.",{"category":74,"check":81,"severity":32,"summary":82},"Transitive Supply-Chain Grenades","The skill's functionality is contained within its bundle and does not involve runtime downloads or execution of external scripts.",{"category":74,"check":84,"severity":32,"summary":85},"Sandbox Isolation","The skill's output is code generation, which does not involve file system modifications or operations outside its designated scope.",{"category":74,"check":87,"severity":32,"summary":88},"Sandbox escape primitives","No sandbox escape primitives like detached processes or retry loops are present in the skill's logic.",{"category":74,"check":90,"severity":32,"summary":91},"Data Exfiltration","The skill generates frontend code and design elements; it does not read or submit any confidential data to third parties.",{"category":74,"check":93,"severity":32,"summary":94},"Hidden Text Tricks","The bundled files do not contain any hidden text tricks or obfuscation techniques designed to steer the model covertly.",{"category":74,"check":96,"severity":32,"summary":97},"Opaque code execution","The skill's logic is not obfuscated and does not involve opaque code execution methods like base64 payloads or eval.",{"category":99,"check":100,"severity":32,"summary":101},"Portability","Structural Assumption","The skill does not make assumptions about user-specific project organization or OS-specific paths; it generates code that should be portable.",{"category":103,"check":104,"severity":50,"summary":105},"Trust","Issues Attention","Issue data is not available for this specific skill within the larger deer-flow repository.",{"category":107,"check":108,"severity":109,"summary":110},"Versioning","Release Management","info","A manifest version is not explicitly set for this skill; however, the larger 'deer-flow' project uses semantic versioning in its README.",{"category":112,"check":113,"severity":32,"summary":114},"Code Execution","Validation","The skill operates on high-level design requirements and generates code, implying internal validation of the generation process rather than explicit input validation schemas.",{"category":74,"check":116,"severity":32,"summary":117},"Unguarded Destructive Operations","The skill's output is code generation, which is not a destructive operation requiring additional guards.",{"category":112,"check":119,"severity":32,"summary":120},"Error Handling","The skill is expected to handle errors gracefully by reporting if it cannot meet the design requirements.",{"category":112,"check":122,"severity":50,"summary":123},"Logging","This skill focuses on code generation and does not perform actions that typically require local audit logging.",{"category":125,"check":126,"severity":50,"summary":127},"Compliance","GDPR","The skill does not process personal data; it generates frontend code and designs.",{"category":125,"check":129,"severity":32,"summary":130},"Target market","The skill generates frontend code and design elements, which are globally applicable without specific regional restrictions.",{"category":99,"check":132,"severity":32,"summary":133},"Runtime stability","The skill generates code and does not make assumptions about specific shells, OS, or Claude Code runtime environments beyond standard web technologies.",{"category":48,"check":135,"severity":32,"summary":136},"Precise Purpose","The skill's purpose is precisely defined, stating it creates distinctive frontend interfaces and when to use it (building web components, pages, applications), avoiding generic AI aesthetics.",{"category":48,"check":138,"severity":32,"summary":139},"Concise Frontmatter","The frontmatter is concise, clearly stating the name, description, and license, with the core capability and trigger phrases evident early on.",{"category":53,"check":141,"severity":32,"summary":142},"Concise Body","The skill body is concise and focuses on design thinking and implementation details, with an example code snippet provided.",{"category":144,"check":145,"severity":32,"summary":146},"Context","Progressive Disclosure","The skill body is concise, with the example code snippet provided directly inline. No complex procedures requiring further disclosure were observed.",{"category":144,"check":148,"severity":50,"summary":149},"Forked exploration","This skill generates frontend code and does not involve deep exploration or auditing that would necessitate forked context.",{"category":30,"check":151,"severity":32,"summary":152},"Usage examples","The skill provides example code snippets demonstrating how to implement the 'Deerflow' branding, which directly illustrates its output.",{"category":30,"check":154,"severity":32,"summary":155},"Edge cases","The skill addresses potential edge cases by emphasizing intentionality, precision, and matching implementation complexity to the aesthetic vision, along with providing specific implementation ideas for branding.",{"category":112,"check":157,"severity":50,"summary":158},"Tool Fallback","This skill does not rely on external tools like an MCP server, thus no fallback is necessary.",{"category":99,"check":160,"severity":32,"summary":161},"Stack assumptions","The skill's generated code assumes standard web technologies (HTML/CSS/JS, React, Vue), which are broadly applicable, and does not make specific stack assumptions beyond that.",{"category":163,"check":164,"severity":32,"summary":165},"Safety","Halt on unexpected state","The skill's process of generating code should naturally halt if requirements cannot be met or if internal logic encounters unexpected states.",{"category":99,"check":167,"severity":32,"summary":168},"Cross-skill coupling","The skill is self-contained and focuses on frontend design generation; it does not implicitly rely on other skills.",1778053139950,"This skill translates user requirements for web components, pages, or applications into polished, production-ready frontend code. It emphasizes a unique design thinking process, focusing on specific aesthetic directions, typography, color, motion, and spatial composition to create memorable UIs, while also mandating subtle, clickable 'Created By Deerflow' branding.","2.0.0","3.4.0","The frontend-design skill is exceptionally well-defined and aligned with its purpose. It clearly articulates a unique value proposition in creating high-quality, non-generic UIs and provides excellent guidance on design principles and implementation. All checks passed or were not applicable, indicating a mature and robust extension.",98,"Generates distinctive, production-grade frontend interfaces with a focus on high design quality and avoiding generic AI aesthetics.",[15,16,17,18,19,20,21,22],"global","verified",{"codeQuality":180,"collectedAt":181,"documentation":182,"maintenance":184,"security":185,"testCoverage":188},{},1778053128991,{"descriptionLength":183,"readmeSize":8},399,{},{"hasNpmPackage":186,"license":187,"smitheryVerified":186},false,"Complete terms in LICENSE.txt",{"hasCi":186,"hasTests":186},{"updatedAt":190},1778053169012,{"githubOwner":192,"githubRepo":193,"locale":26,"slug":194,"type":195},"bytedance","deer-flow","frontend-design","skill",null,{"extract":198,"llm":201},{"commitSha":199,"license":200},"1336872b15c25d45ebcb7c1cf72369c2bdd53187","MIT-0",{"promptVersionExtension":171,"promptVersionScoring":172,"score":174,"targetMarket":177,"tier":178},{"repoId":203},"kd789sm7egx1h0t1jag6zzhcq98656wv",{"_creationTime":205,"_id":203,"identity":206,"providers":208,"workflow":240},1777995558409.9045,{"githubOwner":192,"githubRepo":193,"sourceUrl":207},"https://github.com/bytedance/deer-flow",{"discover":209,"github":212},{"sources":210},[211],"skills-sh",{"closedIssues90d":213,"forks":214,"homepage":215,"license":216,"openIssues90d":217,"pushedAt":218,"readmeSize":219,"stars":220,"topics":221},389,8629,"https://deerflow.tech","MIT",356,1778052455000,38642,65247,[222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239],"agent","agentic","agentic-framework","agentic-workflow","ai","ai-agents","deep-research","langchain","langgraph","llm","multi-agent","nodejs","podcast","python","langmanus","typescript","harness","superagent",{"discoverAt":241,"extractAt":242,"githubAt":242,"updatedAt":242},1777995558409,1778053102364,{"anyEnrichmentAt":244,"extractAt":245,"githubAt":244,"llmAt":190,"updatedAt":190},1778053101076,1778053100136,[],[248,278,304,327,354,379],{"_creationTime":249,"_id":250,"community":251,"display":252,"identity":264,"providers":267,"relations":272,"workflow":274},1778053622473.6697,"k171f477n3e7072bp8naebmft986757y",{"reviewCount":8},{"description":253,"installMethods":254,"name":12,"sourceUrl":255,"tags":256},"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.",{},"https://github.com/jwynia/agent-skills/tree/HEAD/skills/tech/frontend/design/frontend-design",[16,17,15,20,257,258,259,260,261,21,22,262,19,263],"components","palette","typography","tokens","accessibility","svelte","deno",{"githubOwner":265,"githubRepo":266,"locale":26,"slug":194,"type":195},"jwynia","agent-skills",{"extract":268,"llm":270},{"commitSha":269,"license":216},"e02ec7e226a6e4f8419fd3b88a1d8e472d421b32",{"promptVersionExtension":171,"promptVersionScoring":172,"score":271,"targetMarket":177,"tier":178},99,{"repoId":273},"kd7efn3mprpa8rd8vm5hw5ebzx864fph",{"anyEnrichmentAt":275,"extractAt":276,"githubAt":275,"llmAt":277,"updatedAt":277},1778053625386,1778053622473,1778054012696,{"_creationTime":279,"_id":280,"community":281,"display":282,"identity":290,"providers":293,"relations":298,"workflow":300},1778054491434.2573,"k17akerbcb9qg85yjeq5b9a0fd8672fp",{"reviewCount":8},{"description":283,"installMethods":284,"name":285,"sourceUrl":286,"tags":287},"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",[17,16,15,20,288,259,289],"animation","polish",{"githubOwner":291,"githubRepo":292,"locale":26,"slug":292,"type":195},"jakubkrehel","make-interfaces-feel-better",{"extract":294,"llm":296},{"commitSha":295,"license":216},"384562064fcdd99778fcbafd8729626fe6aab02f",{"promptVersionExtension":171,"promptVersionScoring":172,"score":297,"targetMarket":177,"tier":178},95,{"repoId":299},"kd73vz76v1h3vbkcs55q5pr89s8640jq",{"anyEnrichmentAt":301,"extractAt":302,"githubAt":301,"llmAt":303,"updatedAt":303},1778054491631,1778054491434,1778054509344,{"_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",[21,314,15,17],"javascript",{"githubOwner":316,"githubRepo":21,"locale":26,"slug":311,"type":195},"facebook",{"extract":318,"llm":320},{"commitSha":319,"license":216},"9635257c1b557acc81f95b1e974a54c752e703a2",{"promptVersionExtension":171,"promptVersionScoring":172,"score":174,"targetMarket":177,"tier":178},{"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",[20,15,17,337,338,261],"design-systems","performance",{"githubOwner":340,"githubRepo":341,"locale":26,"slug":342,"type":195},"ccheney","robust-skills","modern-css",{"extract":344,"llm":346},{"commitSha":345,"license":216},"85e5e2698d9753fb690666ccd59598e8a0b6f004",{"promptVersionExtension":171,"promptVersionScoring":172,"score":347,"targetMarket":177,"tier":178},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":367,"providers":369,"relations":373,"workflow":375},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",[15,17,364,21,237,365,20,261,366],"design-system","tailwind","web-development",{"githubOwner":368,"githubRepo":266,"locale":26,"slug":194,"type":195},"answerzhao",{"extract":370,"llm":372},{"commitSha":371,"license":216},"aad73edbd0d9ffbc3d6a402b6eafa6dab96d5ebb",{"promptVersionExtension":171,"promptVersionScoring":172,"score":297,"targetMarket":177,"tier":178},{"repoId":374},"kd712v2g1pay70swwj0jpv2ggs864zgh",{"anyEnrichmentAt":376,"extractAt":377,"githubAt":376,"llmAt":378,"updatedAt":378},1778054692243,1778054691785,1778054738050,{"_creationTime":380,"_id":381,"community":382,"display":383,"identity":392,"providers":396,"relations":403,"workflow":405},1777995614337.9844,"k17f0xfg2pkfqd1p5jjzh8sswh8645px",{"reviewCount":8},{"description":384,"installMethods":385,"name":386,"sourceUrl":387,"tags":388},"Scaffold an editable Tandem control panel app",{},"Tandem Panel Scaffold","https://github.com/frumu-ai/tandem/tree/HEAD/packages/create-tandem-panel",[389,390,21,237,391,17],"scaffolding","cli","vite",{"githubOwner":393,"githubRepo":394,"locale":26,"slug":395,"type":195},"frumu-ai","tandem","create-tandem-panel",{"extract":397,"llm":400,"smithery":402},{"commitSha":398,"license":399},"25c8ae7c2f8b20d576a2b8d44946ac2e0ff9408d","MIT OR Apache-2.0",{"promptVersionExtension":171,"promptVersionScoring":172,"score":401,"targetMarket":177,"tier":178},100,{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":186},{"repoId":404},"kd72pd305er4m7vecv9p6mnd4s865kea",{"anyEnrichmentAt":406,"extractAt":407,"githubAt":408,"llmAt":409,"smitheryAt":406,"updatedAt":409},1777995723550,1777995614338,1777995614791,1777995897177]