[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"cat:01JBSEEDCAT000000000000009":3,"cat-list:01JBSEEDCAT000000000000009:stars:1:":15},{"categoryNo":4,"taxonomyType":5,"taxonomyTypeDesc":6,"categoryName":7,"categoryNameEn":8,"description":9,"level":10,"skillCount":11,"parentNo":12,"parentName":13,"children":14},"01JBSEEDCAT000000000000009","SCENARIO","使用场景","前端开发","Frontend Development","Web 页面、组件与交互开发",2,4793,"01JBSEEDCAT000000000000006","软件开发",[],{"records":16,"total":11,"current":455,"size":456},[17,63,87,123,151,160,169,201,234,264,293,320,348,369,389,405,417,436],{"skillNo":18,"name":19,"nameZh":20,"description":21,"descriptionZh":20,"repositoryFullName":22,"ownerLogin":23,"ownerAvatarUrl":24,"ownerAccountNo":25,"ownerDisplayName":26,"repositoryNo":27,"starsCount":28,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":30,"categories":31,"keywords":41,"publishedAt":62},"01M699BTX3RM07RW2VC9NGKE6P","ux-css-layout",null,"VS Code CSS conventions, file organization, class naming, standard sizes, SplitView\u002FGrid layout, scrollable content, responsive layout, and text overflow\u002Fellipsis patterns. Use when writing CSS, building layouts, or fixing text truncation issues.","microsoft\u002Fvscode","microsoft","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6154722?v=4","01M698VYDXZ6JW5WH3CRV650R8","Microsoft","01M6998NK2WED5M549DX06VBCH",195270,"MIT","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fvscode\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Fux-css-layout\u002FSKILL.md",[32,33,38],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",{"categoryNo":39,"categoryName":40,"taxonomyType":36,"taxonomyTypeDesc":37},"01JBSEEDCAT000000000000036","内容创作者",[42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61],"ux css layout","css","layout","ux","writing","issues","when","code","text","organization","responsive layout","patterns","responsive","use","file","standard","grid","file organization","naming","conventions","2026-11-10 10:12:30",{"skillNo":64,"name":65,"nameZh":20,"description":66,"descriptionZh":20,"repositoryFullName":67,"ownerLogin":68,"ownerAvatarUrl":69,"ownerAccountNo":70,"ownerDisplayName":71,"repositoryNo":72,"starsCount":73,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":74,"categories":75,"keywords":77,"publishedAt":62},"01M6ACFERARFCFVNG6HCC5XX68","vercel-react-best-practices","React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React\u002FNext.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.","Significant-Gravitas\u002FAutoGPT","Significant-Gravitas","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F130738209?v=4","01M6AC83EPDGBFN19MWYRREJD0","AutoGPT","01M6ACEM7Y5EQA3BMQDXZ3TSP9",187997,"https:\u002F\u002Fgithub.com\u002FSignificant-Gravitas\u002FAutoGPT\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fvercel-react-best-practices\u002FSKILL.md",[76],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[78,79,80,81,82,83,46,49,84,85,86],"react best practices","best practices","vercel react best practices","react","performance","guidelines","tasks","components","react components",{"skillNo":88,"name":89,"nameZh":20,"description":90,"descriptionZh":20,"repositoryFullName":91,"ownerLogin":92,"ownerAvatarUrl":93,"ownerAccountNo":94,"ownerDisplayName":95,"repositoryNo":96,"starsCount":97,"licenseSpdxId":29,"licenseFileUrl":98,"sourceHtmlUrl":99,"categories":100,"keywords":106,"publishedAt":122},"01M71PXBT15VGD68ZW66WVJWTE","ui-styling","Create beautiful, accessible user interfaces with shadcn\u002Fui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.","nextlevelbuilder\u002Fui-ux-pro-max-skill","nextlevelbuilder","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F246974152?v=4","01M71PVZYAG5RKWRN78F4KTF3R","Next Level Builder","01M71PVZZ1C26WDTBJAPN9GTCY",148198,"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002Fcli\u002Fassets\u002Fskills\u002Fui-styling\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002Fcli\u002Fassets\u002Fskills\u002Fui-styling\u002FSKILL.md",[101,102,105],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},[107,108,109,43,110,111,112,113,114,115,116,117,48,85,118,119,120,44,121,53],"ui styling","styling","ui","Tailwind","mode","canvas","implementing","design","themes","utility","design systems","across","create","component","forms","2026-11-10 11:14:32",{"skillNo":124,"name":114,"nameZh":20,"description":125,"descriptionZh":20,"repositoryFullName":91,"ownerLogin":92,"ownerAvatarUrl":93,"ownerAccountNo":94,"ownerDisplayName":95,"repositoryNo":96,"starsCount":97,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":126,"categories":127,"keywords":134,"publishedAt":122},"01M71PX4RZKZZNAA1K233NJM08","Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social\u002Fads\u002Fweb\u002Fprint), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002Fcli\u002Fassets\u002Fskills\u002Fdesign\u002FSKILL.md",[128,131,132,133],{"categoryNo":129,"categoryName":130,"taxonomyType":5,"taxonomyTypeDesc":6},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},[114,135,136,137,107,138,139,140,141,119,142,143,144,145,146,147,148,149,109,150],"Media","tiktok","actions","logo","logo generation","chart","multi-platform","ads","youtube","generate","presentations","google","atlas cloud","screenshot","muapi","identity",{"skillNo":152,"name":89,"nameZh":20,"description":90,"descriptionZh":20,"repositoryFullName":91,"ownerLogin":92,"ownerAvatarUrl":93,"ownerAccountNo":94,"ownerDisplayName":95,"repositoryNo":96,"starsCount":97,"licenseSpdxId":29,"licenseFileUrl":153,"sourceHtmlUrl":154,"categories":155,"keywords":159,"publishedAt":122},"01M71PWK9ANYSDPTPPD1B5S89V","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fui-styling\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fui-styling\u002FSKILL.md",[156,157,158],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},[107,108,109,43,110,111,112,113,114,115,116,117,48,85,118,119,120,44,121,53],{"skillNo":161,"name":114,"nameZh":20,"description":125,"descriptionZh":20,"repositoryFullName":91,"ownerLogin":92,"ownerAvatarUrl":93,"ownerAccountNo":94,"ownerDisplayName":95,"repositoryNo":96,"starsCount":97,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":162,"categories":163,"keywords":168,"publishedAt":122},"01M71PWCFF3VD6Q567R8S7DQ99","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fdesign\u002FSKILL.md",[164,165,166,167],{"categoryNo":129,"categoryName":130,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},[114,135,136,137,107,138,139,140,141,119,142,143,144,145,146,147,148,149,109,150],{"skillNo":170,"name":171,"nameZh":20,"description":172,"descriptionZh":20,"repositoryFullName":173,"ownerLogin":174,"ownerAvatarUrl":175,"ownerAccountNo":176,"ownerDisplayName":177,"repositoryNo":178,"starsCount":179,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":180,"categories":181,"keywords":185,"publishedAt":62},"01M6DJKCQQ685AW653J21W3EFP","design-html","Design finalization: generates production-quality Pretext-native HTML\u002FCSS. (gstack)","garrytan\u002Fgstack","garrytan","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F19957?v=4","01M6DJCCDDG53MTYYRTXAXFG17","Garry Tan","01M6DJCCKGZB08AY82GDQXVJ8G",141234,"https:\u002F\u002Fgithub.com\u002Fgarrytan\u002Fgstack\u002Fblob\u002Fmain\u002Fdesign-html\u002FSKILL.md",[182,183,184],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},[114,186,187,43,188,49,189,190,191,192,193,194,195,196,197,198,199,200],"html","design html","Bash","gstack","read","write","edit","build","pretext","quality","grep","Production","native","mockup","make",{"skillNo":202,"name":203,"nameZh":20,"description":204,"descriptionZh":20,"repositoryFullName":205,"ownerLogin":206,"ownerAvatarUrl":207,"ownerAccountNo":208,"ownerDisplayName":209,"repositoryNo":210,"starsCount":211,"licenseSpdxId":212,"licenseFileUrl":213,"sourceHtmlUrl":214,"categories":215,"keywords":221,"publishedAt":62},"01M6AC2W5A7Z0S6K3EQCEHMGZH","imagegen","Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG\u002Fvector\u002Fcode-native assets, extending an established icon or logo system, or building the visual directly in HTML\u002FCSS\u002Fcanvas.","openai\u002Fcodex","openai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F14957082?v=4","01M6AC29YGCR4S2NTJFV0G8B81","OpenAI","01M6AC2S0AZDWVJCMV0JYQFXCV",134911,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fcodex\u002Fblob\u002Fmain\u002Fcodex-rs\u002Fskills\u002Fsrc\u002Fassets\u002Fsamples\u002Fimagegen\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fcodex\u002Fblob\u002Fmain\u002Fcodex-rs\u002Fskills\u002Fsrc\u002Fassets\u002Fsamples\u002Fimagegen\u002FSKILL.md",[216,217,218],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":219,"categoryName":220,"taxonomyType":5,"taxonomyTypeDesc":6},"01JBSEEDCAT000000000000016","图像与多媒体",[203,119,222,43,144,112,223,224,49,225,226,227,228,138,48,229,230,198,192,231,232,233],"codex","visuals","image","images","vector","variants","new","extending","references","transform","asset","benefits",{"skillNo":235,"name":236,"nameZh":20,"description":237,"descriptionZh":20,"repositoryFullName":238,"ownerLogin":23,"ownerAvatarUrl":24,"ownerAccountNo":25,"ownerDisplayName":26,"repositoryNo":239,"starsCount":240,"licenseSpdxId":212,"licenseFileUrl":20,"sourceHtmlUrl":241,"categories":242,"keywords":247,"publishedAt":62},"01M6999HEFRKHCK11RJYDBHG5N","playwright-component-testing","Set up component testing with Playwright using a story gallery — scaffold stories and a gallery dev page driven by the built-in mount fixture, no dedicated component-testing runtime. Use when asked to test React or Vue components in isolation with Playwright, or to migrate off @playwright\u002Fexperimental-ct-react \u002F -vue.","microsoft\u002Fplaywright","01M6998NK29WMCQG4W7K65QXNR",99877,"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fplaywright\u002Fblob\u002Fmain\u002Fpackages\u002Fplaywright-core\u002Fsrc\u002Ftools\u002Fskills\u002Fplaywright-component-testing\u002FSKILL.md",[243,246],{"categoryNo":244,"categoryName":245,"taxonomyType":5,"taxonomyTypeDesc":6},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[248,249,250,120,251,252,253,254,48,255,85,81,256,257,258,259,260,261,55,262,263],"playwright","playwright component testing","testing","test","SET","fixture","up","migrate","gallery","vue","isolation","runtime","page","dev","stories","with",{"skillNo":265,"name":266,"nameZh":20,"description":267,"descriptionZh":20,"repositoryFullName":268,"ownerLogin":269,"ownerAvatarUrl":270,"ownerAccountNo":271,"ownerDisplayName":272,"repositoryNo":273,"starsCount":274,"licenseSpdxId":212,"licenseFileUrl":275,"sourceHtmlUrl":276,"categories":277,"keywords":281,"publishedAt":62},"01M718A01D1D7ANJE9XR0C056B","frontend-design","Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.","anthropics\u002Fclaude-plugins-official","anthropics","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F76263028?v=4","01M697XGDPXJAVQ8391V2BCYTE","Anthropic","01M7188MR49TZ9N2ZKPXJ7M7HY",46906,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-plugins-official\u002Fblob\u002Fmain\u002Fplugins\u002Ffrontend-design\u002Fskills\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-plugins-official\u002Fblob\u002Fmain\u002Fplugins\u002Ffrontend-design\u002Fskills\u002Ffrontend-design\u002FSKILL.md",[278,279,280],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},[282,114,283,284,285,286,228,287,288,48,289,263,290,190,291,109,292],"frontend","frontend design","as","direction","for","aesthetic","Existing","visual","visual design","guidance","typography",{"skillNo":294,"name":266,"nameZh":20,"description":295,"descriptionZh":20,"repositoryFullName":296,"ownerLogin":297,"ownerAvatarUrl":298,"ownerAccountNo":299,"ownerDisplayName":300,"repositoryNo":301,"starsCount":302,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":303,"categories":304,"keywords":311,"publishedAt":62},"01M6CDF0G016S2F91M7411E7MS","Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.","codewhale-hq\u002FCodewhale","codewhale-hq","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F326694313?v=4","01M6CDD9D70AD3631SMRJ7REW4","Codewhale","01M6CDD9H0VAXYCB2NGGPZC16K",41176,"https:\u002F\u002Fgithub.com\u002Fcodewhale-hq\u002FCodewhale\u002Fblob\u002Fmain\u002Fcrates\u002Fskills\u002Fassets\u002Fskills\u002Ffrontend-design\u002FSKILL.md",[305,306,307,310],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":103,"categoryName":104,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":308,"categoryName":309,"taxonomyType":5,"taxonomyTypeDesc":6},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":34,"categoryName":35,"taxonomyType":36,"taxonomyTypeDesc":37},[282,114,283,312,313,314,315,120,316,109,317,318,289,319,54],"model","produce","qa","work","assembly","user","generic","visual qa",{"skillNo":321,"name":322,"nameZh":20,"description":323,"descriptionZh":20,"repositoryFullName":324,"ownerLogin":325,"ownerAvatarUrl":326,"ownerAccountNo":327,"ownerDisplayName":328,"repositoryNo":329,"starsCount":330,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":331,"categories":332,"keywords":336,"publishedAt":62},"01M6AEBCTMRDKMQQQZ0W0KY7DJ","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.","github\u002Fawesome-copilot","github","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F9919?v=4","01M6AC83DS133TPXFSP1DHNCC6","GitHub","01M6AD3PBDYPK7NVFJNJ66Y8RS",41046,"https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Fwebapp-testing\u002FSKILL.md",[333,334,335],{"categoryNo":244,"categoryName":245,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":308,"categoryName":309,"taxonomyType":5,"taxonomyTypeDesc":6},[250,337,338,282,339,340,341,342,248,343,109,344,345,286,346,263,347],"webapp testing","webapp","debugging","toolkit","logs","browser","web","screenshots","local","applications","behavior",{"skillNo":349,"name":350,"nameZh":20,"description":351,"descriptionZh":20,"repositoryFullName":324,"ownerLogin":325,"ownerAvatarUrl":326,"ownerAccountNo":327,"ownerDisplayName":328,"repositoryNo":329,"starsCount":330,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":352,"categories":353,"keywords":356,"publishedAt":62},"01M6AEAAVBTG679BJAWJDDAV9F","unit-test-vue-pinia","Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mocking Pinia with createTestingPinia; applying Vue Test Utils patterns; and enforcing black-box assertions over implementation details.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Funit-test-vue-pinia\u002FSKILL.md",[354,355],{"categoryNo":244,"categoryName":245,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[251,357,257,358,359,360,250,361,85,362,363,364,365,48,191,53,366,286,367,368,55],"unit test vue pinia","unit test","unit","pinia","typescript","unit tests","review","black","utils","vitest","mocking","tests",{"skillNo":370,"name":371,"nameZh":20,"description":372,"descriptionZh":20,"repositoryFullName":324,"ownerLogin":325,"ownerAvatarUrl":326,"ownerAccountNo":327,"ownerDisplayName":328,"repositoryNo":329,"starsCount":330,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":373,"categories":374,"keywords":377,"publishedAt":62},"01M6AE4DCQZ7B8KQ7FFQFVWWA2","react19-test-patterns","Provides before\u002Fafter patterns for migrating test files to React 19 compatibility, including act() imports, Simulate removal, and StrictMode call count changes.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Freact19-test-patterns\u002FSKILL.md",[375,376],{"categoryNo":244,"categoryName":245,"taxonomyType":5,"taxonomyTypeDesc":6},{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[251,378,379,53,81,380,286,381,382,383,384,385,386,387,388],"react19 test patterns","test patterns","react 19","call","files","imports","changes","simulate","act","compatibility","count",{"skillNo":390,"name":391,"nameZh":20,"description":392,"descriptionZh":20,"repositoryFullName":324,"ownerLogin":325,"ownerAvatarUrl":326,"ownerAccountNo":327,"ownerDisplayName":328,"repositoryNo":329,"starsCount":330,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":393,"categories":394,"keywords":396,"publishedAt":62},"01M6AE4AZVXXX235KCMRMFYD9N","react19-source-patterns","Reference for React 19 source-file migration patterns, including API changes, ref handling, and context updates.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Freact19-source-patterns\u002FSKILL.md",[395],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[397,398,53,56,399,81,380,286,400,401,384,402,403,404],"react19 source patterns","source","api changes","updates","api","migration","reference","context",{"skillNo":406,"name":407,"nameZh":20,"description":408,"descriptionZh":20,"repositoryFullName":324,"ownerLogin":325,"ownerAvatarUrl":326,"ownerAccountNo":327,"ownerDisplayName":328,"repositoryNo":329,"starsCount":330,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":409,"categories":410,"keywords":412,"publishedAt":62},"01M6AE48D5NWAFDA94622WRS02","react19-concurrent-patterns","Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Freact19-concurrent-patterns\u002FSKILL.md",[411],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[413,53,137,81,380,55,414,415,416,402],"react19 concurrent patterns","preserve","adopt","suspense",{"skillNo":418,"name":419,"nameZh":20,"description":420,"descriptionZh":20,"repositoryFullName":324,"ownerLogin":325,"ownerAvatarUrl":326,"ownerAccountNo":327,"ownerDisplayName":328,"repositoryNo":329,"starsCount":330,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":421,"categories":422,"keywords":424,"publishedAt":62},"01M6AE45DYW3ZBXSESEQF7AAK0","react18-string-refs","Provides exact migration patterns for React string refs (ref=\"name\" + this.refs.name) to React.createRef() in class components. Use this skill whenever migrating string ref usage - including single element refs, multiple refs in a component, refs in lists, callback refs, and refs passed to child components. Always use this skill before writing any ref migration code - the multiple-refs-in-list pattern is particularly tricky and this skill prevents the most common mistakes. Use it for React 18.3.1 migration (string refs warn) and React 19 migration (string refs removed).","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Freact18-string-refs\u002FSKILL.md",[423],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[425,426,120,46,49,85,81,427,428,380,286,429,430,55,431,432,433,434,435,402],"react18 string refs","STRING","mistakes","usage","element","single","common","child","callback","name","pattern",{"skillNo":437,"name":438,"nameZh":20,"description":439,"descriptionZh":20,"repositoryFullName":324,"ownerLogin":325,"ownerAvatarUrl":326,"ownerAccountNo":327,"ownerDisplayName":328,"repositoryNo":329,"starsCount":330,"licenseSpdxId":29,"licenseFileUrl":20,"sourceHtmlUrl":440,"categories":441,"keywords":443,"publishedAt":62},"01M6AE42P0QZYETNKHFCYWDH94","react18-lifecycle-patterns","Provides exact before\u002Fafter migration patterns for the three unsafe class component lifecycle methods - componentWillMount, componentWillReceiveProps, and componentWillUpdate - targeting React 18.3.1. Use this skill whenever a class component needs its lifecycle methods migrated, when deciding between getDerivedStateFromProps vs componentDidUpdate, when adding getSnapshotBeforeUpdate, or when fixing React 18 UNSAFE_ lifecycle warnings. Always use this skill before writing any lifecycle migration code - do not guess the pattern from memory, the decision trees here prevent the most common migration mistakes.","https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot\u002Fblob\u002Fmain\u002Fskills\u002Freact18-lifecycle-patterns\u002FSKILL.md",[442],{"categoryNo":4,"categoryName":7,"taxonomyType":5,"taxonomyTypeDesc":6},[444,445,53,120,46,446,49,81,447,448,427,449,286,450,451,452,453,55,48,454,431],"react18 lifecycle patterns","lifecycle","memory","trees","do","three","methods","decision","unsafe","targeting","decision trees",1,18]