[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6R0HTK690WS36VAWZ8CXB0R":3,"skill-same:01M6R0HTK690WS36VAWZ8CXB0R":64},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":37,"linkOnly":38,"markdownContent":39,"markdownBody":40,"frontMatter":41,"refName":43,"commitSha":44,"skillDirectory":45,"forksCount":46,"repositoryHtmlUrl":47,"repositoryHomepageUrl":6,"ownerHtmlUrl":48,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":49,"install":50,"resources":63},"01M6R0HTK690WS36VAWZ8CXB0R","javascript-pro",null,"Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loops, and browser\u002FNode compatibility.","Mishit18\u002Fclaude-code-templates","Mishit18","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F244127857?v=4","01M6QXBYKWM76HSKYDNWSKKE41","Mishit Sharma","01M6QXBYRJ0CAVM51S1RTEKTZZ",1,"MIT","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fdevelopment\u002Fjavascript-pro\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36],"javascript","javascript pro","pro","2026","safe","with","event","es6","loops","promises","patterns","compatibility","community","master","async","node","js","browser","2026-11-10 10:12:30",false,"---\nname: javascript-pro\ndescription: Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loops, and browser\u002FNode compatibility.\nrisk: safe\nsource: community\ndate_added: '2026-02-27'\n---\nYou are a JavaScript expert specializing in modern JS and async programming.\n\n## Use this skill when\n\n- Building modern JavaScript for Node.js or browsers\n- Debugging async behavior, event loops, or performance\n- Migrating legacy JS to modern ES standards\n\n## Do not use this skill when\n\n- You need TypeScript architecture guidance\n- You are working in a non-JS runtime\n- The task requires backend architecture decisions\n\n## Instructions\n\n1. Identify runtime targets and constraints.\n2. Choose async patterns and module system.\n3. Implement with robust error handling.\n4. Validate performance and compatibility.\n\n## Focus Areas\n\n- ES6+ features (destructuring, modules, classes)\n- Async patterns (promises, async\u002Fawait, generators)\n- Event loop and microtask queue understanding\n- Node.js APIs and performance optimization\n- Browser APIs and cross-browser compatibility\n- TypeScript migration and type safety\n\n## Approach\n\n1. Prefer async\u002Fawait over promise chains\n2. Use functional patterns where appropriate\n3. Handle errors at appropriate boundaries\n4. Avoid callback hell with modern patterns\n5. Consider bundle size for browser code\n\n## Output\n\n- Modern JavaScript with proper error handling\n- Async code with race condition prevention\n- Module structure with clean exports\n- Jest tests with async test patterns\n- Performance profiling results\n- Polyfill strategy for browser compatibility\n\nSupport both Node.js and browser environments. Include JSDoc comments.\n\n","You are a JavaScript expert specializing in modern JS and async programming.\n\n## Use this skill when\n\n- Building modern JavaScript for Node.js or browsers\n- Debugging async behavior, event loops, or performance\n- Migrating legacy JS to modern ES standards\n\n## Do not use this skill when\n\n- You need TypeScript architecture guidance\n- You are working in a non-JS runtime\n- The task requires backend architecture decisions\n\n## Instructions\n\n1. Identify runtime targets and constraints.\n2. Choose async patterns and module system.\n3. Implement with robust error handling.\n4. Validate performance and compatibility.\n\n## Focus Areas\n\n- ES6+ features (destructuring, modules, classes)\n- Async patterns (promises, async\u002Fawait, generators)\n- Event loop and microtask queue understanding\n- Node.js APIs and performance optimization\n- Browser APIs and cross-browser compatibility\n- TypeScript migration and type safety\n\n## Approach\n\n1. Prefer async\u002Fawait over promise chains\n2. Use functional patterns where appropriate\n3. Handle errors at appropriate boundaries\n4. Avoid callback hell with modern patterns\n5. Consider bundle size for browser code\n\n## Output\n\n- Modern JavaScript with proper error handling\n- Async code with race condition prevention\n- Module structure with clean exports\n- Jest tests with async test patterns\n- Performance profiling results\n- Polyfill strategy for browser compatibility\n\nSupport both Node.js and browser environments. Include JSDoc comments.\n\n",{"name":5,"risk":23,"source":31,"date_added":42,"description":7},"2026-02-27","main","015422534a7457348a313b6381f0255d3364eb8c","cli-tool\u002Fcomponents\u002Fskills\u002Fdevelopment\u002Fjavascript-pro",0,"https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates","https:\u002F\u002Fgithub.com\u002FMishit18","2026-11-12 18:26:48",{"source":8,"skillName":5,"commands":51,"prompt":61,"zipAvailable":62},[52,55,58],{"tool":53,"command":54},"npx","npx skills add Mishit18\u002Fclaude-code-templates --skill javascript-pro",{"tool":56,"command":57},"bunx","bunx skills add Mishit18\u002Fclaude-code-templates --skill javascript-pro",{"tool":59,"command":60},"pnpm","pnpm dlx skills add Mishit18\u002Fclaude-code-templates --skill javascript-pro","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fdevelopment\u002Fjavascript-pro\u002FSKILL.md",true,[],[65,99,123,151,178,203],{"skillNo":66,"name":67,"nameZh":6,"description":68,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":69,"licenseFileUrl":70,"sourceHtmlUrl":71,"categories":72,"keywords":78,"publishedAt":37},"01M6R4ARN4W2VZRDERDTMN1KP0","web-artifacts-builder","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.","Apache-2.0","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Futilities\u002Fweb-artifacts-builder\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Futilities\u002Fweb-artifacts-builder\u002FSKILL.md",[73],{"categoryNo":74,"categoryName":75,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98],"web artifacts builder","web","artifacts","artifacts builder","builder","frontend","css","components","react","routing","state management","state","file","Tailwind","use","single-file","ui components","multi","for","single",{"skillNo":100,"name":101,"nameZh":6,"description":102,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":69,"licenseFileUrl":103,"sourceHtmlUrl":104,"categories":105,"keywords":110,"publishedAt":37},"01M6R45GXREM5DP8T08MAC788H","webapp-testing","Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fsecurity\u002Fwebapp-testing\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fsecurity\u002Fwebapp-testing\u002FSKILL.md",[106,109],{"categoryNo":107,"categoryName":108,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":74,"categoryName":75,"taxonomyType":76,"taxonomyTypeDesc":77},[111,112,113,84,114,115,80,116,117,36,118,119,120,121,122,24,97],"testing","webapp testing","webapp","screenshots","playwright","debugging","toolkit","ui","logs","applications","behavior","local",{"skillNo":124,"name":125,"nameZh":6,"description":126,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":127,"sourceHtmlUrl":128,"categories":129,"keywords":130,"publishedAt":37},"01M6R2GYJ470X8EB7R58V0B68K","think-tank","Run a Virtual Think Tank — a structured multi-persona debate — before planning or making architectural\u002Fdesign\u002Fstrategic decisions. Use this skill whenever the user is about to plan a system, make a technology choice, evaluate trade-offs, decide on an approach, or faces any decision where multiple perspectives would sharpen the outcome. Also trigger when the user says \"think tank\", \"debate this\", \"perspectives on\", \"trade-offs\", \"should I use X or Y\", \"help me decide\", \"before we plan\", or asks for pros\u002Fcons of competing approaches. This skill should run BEFORE any implementation planning begins — it produces a structured analysis that feeds into better plans.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fthink-tank\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fthink-tank\u002FSKILL.md",[],[131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150],"think tank","think","design","run","feeds","analysis","persona","plan","sharpen","virtual","decision","choice","decide","perspectives","outcome","me","debate","make","trade-offs","when",{"skillNo":152,"name":153,"nameZh":6,"description":154,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":69,"licenseFileUrl":155,"sourceHtmlUrl":156,"categories":157,"keywords":161,"publishedAt":37},"01M6R2FSR55AVRFA9YZ8SC2GZG","skill-creator","Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fskill-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fskill-creator\u002FSKILL.md",[158],{"categoryNo":159,"categoryName":160,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000023","Skill与智能体开发",[162,163,164,165,166,167,168,169,170,171,172,173,174,175,24,97,176,150,177],"skill creator","creator","workflows","create","update","capabilities","knowledge","tool","integrations","specialized","guide","new skill","existing skill","users","Existing","new",{"skillNo":179,"name":180,"nameZh":6,"description":181,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":184,"publishedAt":37},"01M6R2FK42ZZ4HJTJVVK9WJBBP","ship-learn-next","Transform learning content (like YouTube transcripts, articles, tutorials) into actionable implementation plans using the Ship-Learn-Next framework. Use when user wants to turn advice, lessons, or educational content into concrete action steps, reps, or a learning quest.","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fship-learn-next\u002FSKILL.md",[],[185,186,187,188,189,190,191,192,93,193,194,195,196,197,198,199,200,201,202,150],"learn","ship learn next","ship","next","framework","learning","read","write","advice","implementation","youtube","plans","quest","transform","actionable","action","lessons","youtube transcripts",{"skillNo":204,"name":205,"nameZh":6,"description":206,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":69,"licenseFileUrl":207,"sourceHtmlUrl":208,"categories":209,"keywords":216,"publishedAt":37},"01M6R2088G1RHDA5MDX16HASRB","slack-gif-creator","Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like \"make me a GIF of X doing Y for Slack.\"","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fenterprise-communication\u002Fslack-gif-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FMishit18\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fenterprise-communication\u002Fslack-gif-creator\u002FSKILL.md",[210,213],{"categoryNo":211,"categoryName":212,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000005","邮件与沟通",{"categoryNo":214,"categoryName":215,"taxonomyType":76,"taxonomyTypeDesc":77},"01JBSEEDCAT000000000000016","图像与多媒体",[217,218,219,163,220,221,222,223,168,93,146,175,148,224,225,97,226,150],"slack gif creator","slack","gif","validation","Tools","constraints","Animation","Utilities","concepts","request"]