[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M69BAVXDBYFNKF45DQ1FPN40":3,"skill-same:01M69BAVXDBYFNKF45DQ1FPN40":55},{"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":20,"linkOnly":21,"markdownContent":22,"markdownBody":23,"frontMatter":24,"refName":25,"commitSha":26,"skillDirectory":27,"forksCount":28,"repositoryHtmlUrl":29,"repositoryHomepageUrl":30,"ownerHtmlUrl":31,"ownerBlogUrl":32,"ownerDescription":33,"updatedAt":34,"install":35,"resources":48},"01M69BAVXDBYFNKF45DQ1FPN40","routing",null,"React Router v7 routing conventions for this SPA. USE WHEN: editing `app\u002Froutes.ts`, adding\u002Fremoving a route, or changing navigation.","microsoft\u002Fcoreai-design-system","microsoft","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6154722?v=4","01M698VYDXZ6JW5WH3CRV650R8","Microsoft","01M69B9ED3TGFRHF93Y8JF1Y18",2,"CC-BY-4.0","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Frouting\u002FSKILL.md",[],[5,19],"react","2026-11-10 10:12:30",false,"---\nname: routing\ndescription: 'React Router v7 routing conventions for this SPA. USE WHEN: editing `app\u002Froutes.ts`, adding\u002Fremoving a route, or changing navigation.'\n---\n\n# Routing\n\nPaths below are relative to `apps\u002Fprototype\u002F`.\n\n- This app disables runtime SSR (`ssr: false`) and renders routes client-side. React Router still generates the SPA HTML shell during the build.\n- Routes are defined in `app\u002Froutes.ts` using React Router v7 config (the \"framework\" style).\n\n## General Structure\n\n- Main navigation structure:\n  - Home: `index(\"routes\u002Fhome.tsx\")` at `\u002F`\n  - Discover section: `\u002Fdiscover\u002Fmodels`, `\u002Fdiscover\u002Ftools`\n  - Build section: `\u002Fbuild\u002Fagents`, `\u002Fbuild\u002Ftools`\n  - Operate section: `\u002Foperate\u002Fdashboard`, `\u002Foperate\u002Fagents`\n  - Docs: `\u002Fdocs`\n- Layout wrapper: `components\u002Fshell\u002FNavLayout.tsx` provides top\u002Fleft nav\n- Export `topNavRoutes` and `getLeftNavRoutes(pathname)` from `routes.ts` for navigation components\n- Type-safe routes via auto-generated types in `.react-router\u002Ftypes\u002F`\n\n## Adding a Route\n\n1. Create the file in `app\u002Froutes\u002F`\n2. Add it to `app\u002Froutes.ts` config array\n3. Use type-safe route imports: `import type { Route } from \".\u002F+types\u002FrouteName\"`\n4. Run `react-router typegen` via `npm --workspace apps\u002Fprototype run type-check` from the repository root (or `npm run type-check` from the app directory) to regenerate types and check TypeScript\n","# Routing\n\nPaths below are relative to `apps\u002Fprototype\u002F`.\n\n- This app disables runtime SSR (`ssr: false`) and renders routes client-side. React Router still generates the SPA HTML shell during the build.\n- Routes are defined in `app\u002Froutes.ts` using React Router v7 config (the \"framework\" style).\n\n## General Structure\n\n- Main navigation structure:\n  - Home: `index(\"routes\u002Fhome.tsx\")` at `\u002F`\n  - Discover section: `\u002Fdiscover\u002Fmodels`, `\u002Fdiscover\u002Ftools`\n  - Build section: `\u002Fbuild\u002Fagents`, `\u002Fbuild\u002Ftools`\n  - Operate section: `\u002Foperate\u002Fdashboard`, `\u002Foperate\u002Fagents`\n  - Docs: `\u002Fdocs`\n- Layout wrapper: `components\u002Fshell\u002FNavLayout.tsx` provides top\u002Fleft nav\n- Export `topNavRoutes` and `getLeftNavRoutes(pathname)` from `routes.ts` for navigation components\n- Type-safe routes via auto-generated types in `.react-router\u002Ftypes\u002F`\n\n## Adding a Route\n\n1. Create the file in `app\u002Froutes\u002F`\n2. Add it to `app\u002Froutes.ts` config array\n3. Use type-safe route imports: `import type { Route } from \".\u002F+types\u002FrouteName\"`\n4. Run `react-router typegen` via `npm --workspace apps\u002Fprototype run type-check` from the repository root (or `npm run type-check` from the app directory) to regenerate types and check TypeScript\n",{"name":5,"description":7},"main","9e7876c47c30a6c44ca79915991bd5541d58764c","apps\u002Fprototype\u002F.github\u002Fskills\u002Frouting",1,"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system","https:\u002F\u002Fcoreai-ds.azurewebsites.net","https:\u002F\u002Fgithub.com\u002Fmicrosoft","https:\u002F\u002Fopensource.microsoft.com","Open source projects and samples from Microsoft","2026-11-06 05:33:55",{"source":8,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add microsoft\u002Fcoreai-design-system --skill routing",{"tool":41,"command":42},"bunx","bunx skills add microsoft\u002Fcoreai-design-system --skill routing",{"tool":44,"command":45},"pnpm","pnpm dlx skills add microsoft\u002Fcoreai-design-system --skill routing","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Frouting\u002FSKILL.md",true,[49],{"path":50,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":53,"sourceHtmlUrl":54},"scripts\u002Fzram_optimizer.py","SCRIPT","脚本",26378,"https:\u002F\u002Fgithub.com\u002Fmdnaimul22\u002Fhuman-skills\u002Fblob\u002Fmain\u002Fskills\u002Fstorage\u002Fmy_skills\u002Fzram-optimizer\u002Fscripts\u002Fzram_optimizer.py",[56,76,86,96,107,120],{"skillNo":57,"name":58,"nameZh":6,"description":59,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":60,"categories":61,"keywords":70,"publishedAt":20},"01M69BB0EA71EEW0TWV6DDMF5S","coreai-ds-fluentui-react","MANDATORY for @coreai-ds\u002Freact-components work. Use the CoreAI documentation MCP to discover components, props, stories, templates, and implementation patterns. If the MCP is unavailable, stop and ask the user to enable or troubleshoot it with you.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fpackages\u002Freact-components\u002Fagent\u002FSKILL.md",[62,67],{"categoryNo":63,"categoryName":64,"taxonomyType":65,"taxonomyTypeDesc":66},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":68,"categoryName":69,"taxonomyType":65,"taxonomyTypeDesc":66},"01JBSEEDCAT000000000000023","Skill与智能体开发",[71,19,72,73,74,75],"coreai ds fluentui react","MCP","troubleshoot","components","documentation",{"skillNo":77,"name":78,"nameZh":6,"description":79,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":82,"publishedAt":20},"01M69BAYVCBBZE7HY5RF871G5J","state-management","CoreAI Sandbox's simplified TanStack Query + mock-JSON data layer. USE WHEN: editing data-fetching hooks (`app\u002Fhooks\u002Fuse*.ts`), adding mock data in `app\u002Fdata\u002F`, or wiring a component to query state.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Fstate-management\u002FSKILL.md",[],[83,84,85],"state management","sandbox","component",{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":90,"categories":91,"keywords":92,"publishedAt":20},"01M69BAX7PT3JC7V84DVTSRWN4","start-app","Start the CoreAI Sandbox dev server and open it using available browser tools. USE WHEN: the user asks you to \"start the app\", \"run the dev server\", \"open the app\", or \"launch CoreAI Sandbox\".","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Fstart-app\u002FSKILL.md",[],[93,94,95,84],"start app","run","launch",{"skillNo":97,"name":98,"nameZh":6,"description":99,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":100,"categories":101,"keywords":104,"publishedAt":20},"01M69BASXQZQTQB2GH2V79FZ6Y","react-components","CoreAI Sandbox component usage: import boundaries, CoreAI MCP documentation, and local adapter inspection. USE WHEN: editing any `*.tsx` file, picking a component, or writing component imports.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Freact-components\u002FSKILL.md",[102,103],{"categoryNo":63,"categoryName":64,"taxonomyType":65,"taxonomyTypeDesc":66},{"categoryNo":68,"categoryName":69,"taxonomyType":65,"taxonomyTypeDesc":66},[74,19,105,75,85,84,106,72],"react components","writing",{"skillNo":108,"name":109,"nameZh":6,"description":110,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":116,"publishedAt":20},"01M69BAR4147BKNY7H41DYMPGP","new-variant","Create a new design variant or alternative for a page using the built-in feature\u002Fvariant system. USE WHEN: a designer wants to try a different layout, create an \"option B\" or \"version 2\", compare designs side by side, add an A\u002FB alternative, or explore an alternate version. Do NOT build a custom toggle solution.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Fnew-variant\u002FSKILL.md",[113],{"categoryNo":114,"categoryName":115,"taxonomyType":65,"taxonomyTypeDesc":66},"01JBSEEDCAT000000000000015","视觉设计",[117,118,119],"new variant","create","design",{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":124,"categories":125,"keywords":129,"publishedAt":20},"01M69BAPD445SPSYN1MCBZZ18T","lint","Run the full lint workflow: format, typecheck, CSS lint, JS lint. USE WHEN: the user asks to \"lint\", \"fix lint\", \"run the linters\", \"check types\", or after making code changes that need verification.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Flint\u002FSKILL.md",[126],{"categoryNo":127,"categoryName":128,"taxonomyType":65,"taxonomyTypeDesc":66},"01JBSEEDCAT000000000000007","代码审查",[122,130,94,131],"css","workflow"]