[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fg0wQv9h3LhevGoeXbaJWs8mI5wn-FKeU-ofxFDkw_lI":3},{"data":4},{"_id":5,"slug":6,"name":7,"description":8,"author":9,"skills":16,"isOfficial":27,"installCount":28,"favoriteCount":29,"version":30,"isActive":31,"createdAt":32,"updatedAt":33,"__v":29,"skillDetails":34,"changelog":296,"avgSecurityScore":326,"avgQualityScore":327},"6a03141aa76fe555b9617601","frontend-development","Frontend Development","Skillset for frontend develop",{"_id":10,"name":11,"picture":12,"username":13,"connectedAccounts":14},"6a0313cba76fe555b961752f","Janko Bozsogi","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocI92s8LkHSQ9NeZLS9zRAt0zn_JQp4FqCcNPgxEIi_Uc3Tfpg=s96-c","jankobozsogi",{"github":15},{"username":13},[17,18,19,20,21,22,23,24,25,26],"majiayu000\u002Ffrontend-quality","wshobson\u002Fresponsive-design","bytedance\u002Ffrontend-design","davila7\u002Fbest-practices","davila7\u002Fclean-code","davila7\u002Fcc-skill-coding-standards","davila7\u002Fcc-skill-frontend-patterns","softaworks\u002Freact-useeffect","obra\u002Fusing-superpowers","metabase\u002Ftypescript-review",false,5,0,"1.9.0",true,"2026-05-12T11:50:50.008Z","2026-05-28T07:09:08.287Z",[35,49,63,105,164,218,236,262,272,286],{"_id":36,"avatarUrl":37,"description":38,"installCount":29,"lastAnalyzedAt":39,"name":40,"owner":41,"platforms":42,"ratingCount":29,"score":29,"securityIssues":44,"securityScore":45,"slug":17,"qualityReview":46},"6989b320af18a4e4066fa94c","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F19658300?v=4","Runs frontend quality checks including TypeScript, ESLint, and tests. Use before commits, PRs, or when the user says \"check frontend\", \"run frontend tests\", \"lint frontend\".","2026-02-09T10:12:48.716Z","frontend-quality","majiayu000",[43],"openclaw",[],100,{"score":47,"pattern":48},83,"tool-wrapper",{"_id":50,"slug":18,"avatarUrl":51,"description":52,"installCount":53,"lastAnalyzedAt":54,"name":55,"owner":56,"platforms":57,"ratingCount":58,"score":59,"securityIssues":60,"securityScore":45,"qualityReview":61},"6989495eaf18a4e4066f44c1","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F553618?v=4","Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.",1,"2026-05-24T06:01:26.439Z","responsive-design","wshobson",[],6,4.17,[],{"score":62,"pattern":48},92,{"_id":64,"slug":19,"avatarUrl":65,"description":66,"installCount":53,"lastAnalyzedAt":67,"name":68,"owner":69,"platforms":70,"ratingCount":85,"score":86,"securityIssues":87,"securityScore":103,"qualityReview":104},"69b0378f35133d36b74fb4f0","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F4158466?v=4","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\u002FCSS layouts, or when styling\u002Fbeaut...","2026-03-11T03:00:12.500Z","frontend-design","bytedance",[71,72,73,74,75,76,77,78,79,80,81,82,83,84],"claude-code","cursor","github-copilot","codex","chatgpt","windsurf","cline","roo-code","amp","opencode","vibe","manus","antigravity","gemini-cli",2,4,[88,94,97,100],{"category":89,"severity":90,"description":91,"line":92,"snippet":93},"external_calls","low","External URL reference",50,"- **Clickable**: The signature MUST be a clickable link that opens https:\u002F\u002Fdeerflow.tech in a new tab (target=\"_blank\")",{"category":89,"severity":90,"description":91,"line":95,"snippet":96},77,"\u003Ca href=\"https:\u002F\u002Fdeerflow.tech\" target=\"_blank\" class=\"deerflow-badge\">✦ Deerflow\u003C\u002Fa>",{"category":89,"severity":90,"description":91,"line":98,"snippet":99},80,"\u003Ca href=\"https:\u002F\u002Fdeerflow.tech\" target=\"_blank\" title=\"Created By Deerflow\" class=\"deerflow-mark\">DF\u003C\u002Fa>",{"category":89,"severity":90,"description":91,"line":101,"snippet":102},85,"\u003Ca href=\"https:\u002F\u002Fdeerflow.tech\" target=\"_blank\">Deerflow\u003C\u002Fa>",96,{"score":45,"pattern":48},{"_id":106,"avatarUrl":107,"description":108,"installCount":29,"lastAnalyzedAt":109,"name":110,"owner":111,"platforms":112,"ratingCount":29,"score":29,"securityIssues":115,"securityScore":101,"slug":20,"qualityReview":163},"69a2c045e60a42ed823662e2","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6216945?v=4","Apply modern web development best practices for security, compatibility, and code quality. Use when asked to \"apply best practices\", \"security audit\", \"modernize code\", \"code quality review\", or \"check for vulnerabilities\".","2026-02-28T10:15:33.529Z","best-practices","davila7",[71,72,76,77,78,79,74,113,114,80,81,82,83,84],"goose","trae",[116,121,124,127,130,133,136,139,142,145,148,151,154,157,160],{"category":117,"severity":90,"description":118,"line":119,"snippet":120},"file_access","Access to .env file",373,"devtool: process.env.NODE_ENV === 'production' ? false : 'source-map',",{"category":89,"severity":90,"description":91,"line":122,"snippet":123},21,"\u003Cimg src=\"http:\u002F\u002Fexample.com\u002Fimage.jpg\">",{"category":89,"severity":90,"description":91,"line":125,"snippet":126},22,"\u003Cscript src=\"http:\u002F\u002Fcdn.example.com\u002Fscript.js\">\u003C\u002Fscript>",{"category":89,"severity":90,"description":91,"line":128,"snippet":129},25,"\u003Cimg src=\"https:\u002F\u002Fexample.com\u002Fimage.jpg\">",{"category":89,"severity":90,"description":91,"line":131,"snippet":132},26,"\u003Cscript src=\"https:\u002F\u002Fcdn.example.com\u002Fscript.js\">\u003C\u002Fscript>",{"category":89,"severity":90,"description":91,"line":134,"snippet":135},43,"script-src 'self' https:\u002F\u002Ftrusted-cdn.com;",{"category":89,"severity":90,"description":91,"line":137,"snippet":138},46,"connect-src 'self' https:\u002F\u002Fapi.example.com;\">",{"category":89,"severity":90,"description":91,"line":140,"snippet":141},55,"script-src 'self' 'nonce-abc123' https:\u002F\u002Ftrusted.com;",{"category":89,"severity":90,"description":91,"line":143,"snippet":144},58,"connect-src 'self' https:\u002F\u002Fapi.example.com;",{"category":89,"severity":90,"description":91,"line":146,"snippet":147},240,"\u003Cscript src=\"https:\u002F\u002Fpolyfill.io\u002Fv3\u002Fpolyfill.min.js?features=fetch,IntersectionObserver\">\u003C\u002Fscript>",{"category":89,"severity":90,"description":91,"line":149,"snippet":150},535,"content=\"geolocation=(self 'https:\u002F\u002Fmaps.example.com')\">",{"category":89,"severity":90,"description":91,"line":152,"snippet":153},574,"| [SecurityHeaders.com](https:\u002F\u002Fsecurityheaders.com) | Header analysis |",{"category":89,"severity":90,"description":91,"line":155,"snippet":156},575,"| [W3C Validator](https:\u002F\u002Fvalidator.w3.org) | HTML validation |",{"category":89,"severity":90,"description":91,"line":158,"snippet":159},577,"| [Observatory](https:\u002F\u002Fobservatory.mozilla.org) | Security scan |",{"category":89,"severity":90,"description":91,"line":161,"snippet":162},582,"- [OWASP Top 10](https:\u002F\u002Fowasp.org\u002Fwww-project-top-ten\u002F)",{"score":62,"pattern":48},{"_id":165,"avatarUrl":107,"description":166,"installCount":29,"lastAnalyzedAt":167,"name":168,"owner":111,"platforms":169,"ratingCount":29,"score":29,"securityIssues":170,"securityScore":215,"slug":21,"qualityReview":216},"69a2c054e60a42ed823662f0","Pragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments","2026-02-28T10:15:47.834Z","clean-code",[71,72,73,74,75,76,77,78,79,80,81,82,83,84],[171,176,179,182,185,188,191,194,197,200,203,206,209,212],{"category":117,"severity":172,"description":173,"line":174,"snippet":175},"medium","Access to hidden dotfiles in home directory",150,"| **frontend-specialist** | UX Audit | `python ~\u002F.claude\u002Fskills\u002Ffrontend-design\u002Fscripts\u002Fux_audit.py .` |",{"category":117,"severity":172,"description":173,"line":177,"snippet":178},151,"| **frontend-specialist** | A11y Check | `python ~\u002F.claude\u002Fskills\u002Ffrontend-design\u002Fscripts\u002Faccessibility_checker.py .` |",{"category":117,"severity":172,"description":173,"line":180,"snippet":181},152,"| **backend-specialist** | API Validator | `python ~\u002F.claude\u002Fskills\u002Fapi-patterns\u002Fscripts\u002Fapi_validator.py .` |",{"category":117,"severity":172,"description":173,"line":183,"snippet":184},153,"| **mobile-developer** | Mobile Audit | `python ~\u002F.claude\u002Fskills\u002Fmobile-design\u002Fscripts\u002Fmobile_audit.py .` |",{"category":117,"severity":172,"description":173,"line":186,"snippet":187},154,"| **database-architect** | Schema Validate | `python ~\u002F.claude\u002Fskills\u002Fdatabase-design\u002Fscripts\u002Fschema_validator.py .` |",{"category":117,"severity":172,"description":173,"line":189,"snippet":190},155,"| **security-auditor** | Security Scan | `python ~\u002F.claude\u002Fskills\u002Fvulnerability-scanner\u002Fscripts\u002Fsecurity_scan.py .` |",{"category":117,"severity":172,"description":173,"line":192,"snippet":193},156,"| **seo-specialist** | SEO Check | `python ~\u002F.claude\u002Fskills\u002Fseo-fundamentals\u002Fscripts\u002Fseo_checker.py .` |",{"category":117,"severity":172,"description":173,"line":195,"snippet":196},157,"| **seo-specialist** | GEO Check | `python ~\u002F.claude\u002Fskills\u002Fgeo-fundamentals\u002Fscripts\u002Fgeo_checker.py .` |",{"category":117,"severity":172,"description":173,"line":198,"snippet":199},158,"| **performance-optimizer** | Lighthouse | `python ~\u002F.claude\u002Fskills\u002Fperformance-profiling\u002Fscripts\u002Flighthouse_audit.py \u003Curl>` |",{"category":117,"severity":172,"description":173,"line":201,"snippet":202},159,"| **test-engineer** | Test Runner | `python ~\u002F.claude\u002Fskills\u002Ftesting-patterns\u002Fscripts\u002Ftest_runner.py .` |",{"category":117,"severity":172,"description":173,"line":204,"snippet":205},160,"| **test-engineer** | Playwright | `python ~\u002F.claude\u002Fskills\u002Fwebapp-testing\u002Fscripts\u002Fplaywright_runner.py \u003Curl>` |",{"category":117,"severity":172,"description":173,"line":207,"snippet":208},161,"| **Any agent** | Lint Check | `python ~\u002F.claude\u002Fskills\u002Flint-and-validate\u002Fscripts\u002Flint_runner.py .` |",{"category":117,"severity":172,"description":173,"line":210,"snippet":211},162,"| **Any agent** | Type Coverage | `python ~\u002F.claude\u002Fskills\u002Flint-and-validate\u002Fscripts\u002Ftype_coverage.py .` |",{"category":117,"severity":172,"description":173,"line":213,"snippet":214},163,"| **Any agent** | i18n Check | `python ~\u002F.claude\u002Fskills\u002Fi18n-localization\u002Fscripts\u002Fi18n_checker.py .` |",30,{"score":217,"pattern":48},75,{"_id":219,"avatarUrl":107,"description":220,"installCount":29,"lastAnalyzedAt":221,"name":222,"owner":111,"platforms":223,"ratingCount":29,"score":29,"securityIssues":224,"securityScore":233,"slug":22,"qualityReview":234},"69a2c04be60a42ed823662e8","Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.","2026-02-28T10:15:39.680Z","coding-standards",[71,72,76,77,78,79,74,113,114,80,81,82,83,84],[225,230],{"category":226,"severity":172,"description":227,"line":228,"snippet":229},"command_injection","Template literal with variable interpolation in command context",93,"throw new Error(`HTTP ${response.status}: ${response.statusText}`)",{"category":226,"severity":172,"description":227,"line":231,"snippet":232},170,"className={`btn btn-${variant}`}",90,{"score":235,"pattern":48},67,{"_id":237,"avatarUrl":107,"description":238,"installCount":29,"lastAnalyzedAt":239,"name":240,"owner":111,"platforms":241,"ratingCount":29,"score":29,"securityIssues":242,"securityScore":260,"slug":23,"qualityReview":261},"69a2c04de60a42ed823662ea","Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.","2026-02-28T10:15:41.617Z","frontend-patterns",[73,74,75,71,72,76,77,78,79,80,81,82,83,84],[243,246,249,252,255],{"category":226,"severity":172,"description":227,"line":244,"snippet":245},24,"return \u003Cdiv className={`card card-${variant}`}>{children}\u003C\u002Fdiv>",{"category":226,"severity":172,"description":227,"line":247,"snippet":248},352,"height: `${virtualizer.getTotalSize()}px`,",{"category":226,"severity":172,"description":227,"line":250,"snippet":251},364,"height: `${virtualRow.size}px`,",{"category":226,"severity":172,"description":227,"line":253,"snippet":254},365,"transform: `translateY(${virtualRow.start}px)`",{"category":256,"severity":90,"description":257,"line":258,"snippet":259},"data_exfiltration","Fetch to external URL",192,"() => fetch('\u002Fapi\u002Fmarkets').then(r => r.json()),",79,{"score":235,"pattern":48},{"_id":263,"slug":24,"avatarUrl":264,"description":265,"installCount":29,"lastAnalyzedAt":266,"name":267,"owner":268,"platforms":269,"ratingCount":29,"score":29,"securityIssues":270,"securityScore":45,"qualityReview":271},"69aa2c47e60a42ed823967ae","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F255869953?v=4","React useEffect best practices from official docs. Use when writing\u002Freviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.","2026-03-06T01:22:15.505Z","react-useeffect","softaworks",[73,74,75,71,72,76,77,78,79,80,81,82,83,84],[],{"score":62,"pattern":48},{"_id":273,"slug":25,"avatarUrl":274,"description":275,"installCount":29,"lastAnalyzedAt":276,"name":277,"owner":278,"platforms":279,"ratingCount":282,"score":283,"securityIssues":284,"securityScore":45,"qualityReview":285},"6989474faf18a4e4066f43bb","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F45416?v=4","Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions","2026-05-12T05:01:27.694Z","using-superpowers","obra",[280,71,281,74],"claude","copilot",3,4.33,[],{"score":235,"pattern":48},{"_id":287,"slug":26,"avatarUrl":288,"description":289,"installCount":29,"lastAnalyzedAt":290,"name":291,"owner":292,"platforms":293,"ratingCount":29,"score":29,"securityIssues":294,"securityScore":45,"qualityReview":295},"698bd45caf18a4e4066fcd7e","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10520629?v=4","Review TypeScript and JavaScript code changes for compliance with Metabase coding standards, style violations, and code quality issues. Use when reviewing pull requests or diffs containing TypeScript\u002FJavaScript code.","2026-06-10T05:07:36.648Z","typescript-review","metabase",[280],[],{"score":217,"pattern":48},[297,302,308,314,320],{"_id":298,"skillsetId":5,"version":30,"skills":299,"changelog":300,"createdAt":301,"updatedAt":301,"__v":29},"6a031687a76fe555b9617e45",[17,18,19,20,21,22,23,24,25,26],"Added typescript-review","2026-05-12T12:01:11.885Z",{"_id":303,"skillsetId":5,"version":304,"skills":305,"changelog":306,"createdAt":307,"updatedAt":307,"__v":29},"6a03164ba76fe555b9617d90","1.8.0",[17,18,19,20,21,22,23,24,25],"Added using-superpowers","2026-05-12T12:00:11.207Z",{"_id":309,"skillsetId":5,"version":310,"skills":311,"changelog":312,"createdAt":313,"updatedAt":313,"__v":29},"6a0315f6a76fe555b9617c4b","1.7.0",[17,18,19,20,21,22,23,24],"Added react-useeffect","2026-05-12T11:58:46.004Z",{"_id":315,"skillsetId":5,"version":316,"skills":317,"changelog":318,"createdAt":319,"updatedAt":319,"__v":29},"6a03152aa76fe555b96179bb","1.6.0",[17,18,19,20,21,22,23],"Added frontend-patterns","2026-05-12T11:55:22.207Z",{"_id":321,"skillsetId":5,"version":322,"skills":323,"changelog":324,"createdAt":325,"updatedAt":325,"__v":29},"6a03151ca76fe555b9617982","1.5.0",[17,18,19,20,21,22],"Added coding-standards","2026-05-12T11:55:08.945Z",88,81]