[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M69BACDQNTXGGTJBWATPR35V":3,"skill-same:01M69BACDQNTXGGTJBWATPR35V":108},{"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":26,"publishedAt":33,"linkOnly":34,"markdownContent":35,"markdownBody":36,"frontMatter":37,"refName":38,"commitSha":39,"skillDirectory":40,"forksCount":41,"repositoryHtmlUrl":42,"repositoryHomepageUrl":43,"ownerHtmlUrl":44,"ownerBlogUrl":45,"ownerDescription":46,"updatedAt":47,"install":48,"resources":61},"01M69BACDQNTXGGTJBWATPR35V","coreai-ds-fluentui-react",null,"Use only when editing .\u002Fapps\u002Fprototype\u002F* with @coreai-ds\u002Freact-components; requires the local CoreAI documentation MCP before choosing components, props, templates, or patterns.","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\u002Fcoreai-ds-fluentui-react\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[27,28,29,30,31,32],"react","coreai ds fluentui react","MCP","prototype","components","documentation","2026-11-10 10:12:30",false,"---\nname: coreai-ds-fluentui-react\ndescription: 'Use only when editing .\u002Fapps\u002Fprototype\u002F* with @coreai-ds\u002Freact-components; requires the local CoreAI documentation MCP before choosing components, props, templates, or patterns.'\n---\n\nRead and follow the canonical [coreai-ds-fluentui-react skill](..\u002F..\u002F..\u002F..\u002F..\u002Fpackages\u002Freact-components\u002Fagent\u002FSKILL.md).\n\n## Prototype-specific exceptions\n\n- Use `coreai-ds-docs-localhost` at `http:\u002F\u002Flocalhost:6006\u002Fmcp`, configured in\n  [the workspace MCP configuration](..\u002F..\u002F..\u002F..\u002F..\u002F.vscode\u002Fmcp.json), instead of the hosted\n  endpoint. If it is unavailable, troubleshoot the local server and retry before proceeding.\n- Discover the local server's actual schemas. Its current equivalents are\n  `list-all-documentation` for `docs-list`, `get-documentation` for `docs-show`, and\n  `get-documentation-for-story` for `docs-show-story`.\n- Invoke `prototype-app-react-components` to classify the repository boundary. It owns\n  prototype adapter and composition guidance; the canonical package skill owns CoreAI API\n  questions.\n- Resolve app-relative paths from `apps\u002Fprototype\u002F`. Inspect local adapters and compositions\n  under `app\u002Fcomponents\u002Fcommon\u002F**`; use the app-owned `Card`, `Image`, and `Link` adapters\n  instead of importing those components directly from the CoreAI package.\n","Read and follow the canonical [coreai-ds-fluentui-react skill](..\u002F..\u002F..\u002F..\u002F..\u002Fpackages\u002Freact-components\u002Fagent\u002FSKILL.md).\n\n## Prototype-specific exceptions\n\n- Use `coreai-ds-docs-localhost` at `http:\u002F\u002Flocalhost:6006\u002Fmcp`, configured in\n  [the workspace MCP configuration](..\u002F..\u002F..\u002F..\u002F..\u002F.vscode\u002Fmcp.json), instead of the hosted\n  endpoint. If it is unavailable, troubleshoot the local server and retry before proceeding.\n- Discover the local server's actual schemas. Its current equivalents are\n  `list-all-documentation` for `docs-list`, `get-documentation` for `docs-show`, and\n  `get-documentation-for-story` for `docs-show-story`.\n- Invoke `prototype-app-react-components` to classify the repository boundary. It owns\n  prototype adapter and composition guidance; the canonical package skill owns CoreAI API\n  questions.\n- Resolve app-relative paths from `apps\u002Fprototype\u002F`. Inspect local adapters and compositions\n  under `app\u002Fcomponents\u002Fcommon\u002F**`; use the app-owned `Card`, `Image`, and `Link` adapters\n  instead of importing those components directly from the CoreAI package.\n",{"name":5,"description":7},"main","9e7876c47c30a6c44ca79915991bd5541d58764c","apps\u002Fprototype\u002F.github\u002Fskills\u002Fcoreai-ds-fluentui-react",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":49,"prompt":59,"zipAvailable":60},[50,53,56],{"tool":51,"command":52},"npx","npx skills add microsoft\u002Fcoreai-design-system --skill coreai-ds-fluentui-react",{"tool":54,"command":55},"bunx","bunx skills add microsoft\u002Fcoreai-design-system --skill coreai-ds-fluentui-react",{"tool":57,"command":58},"pnpm","pnpm dlx skills add microsoft\u002Fcoreai-design-system --skill coreai-ds-fluentui-react","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Fcoreai-ds-fluentui-react\u002FSKILL.md",true,[62,68,72,76,80,84,88,92,96,100,104],{"path":63,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":66,"sourceHtmlUrl":67},"guides\u002Fcatalog-lookups.md","REFERENCE","参考文档",5151,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fcatalog-lookups.md",{"path":69,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":70,"sourceHtmlUrl":71},"guides\u002Fcomponent-selection.md",5412,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fcomponent-selection.md",{"path":73,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":74,"sourceHtmlUrl":75},"guides\u002Fdata-formats.md",2555,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fdata-formats.md",{"path":77,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":78,"sourceHtmlUrl":79},"guides\u002Fdatamapper-interview.md",7830,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fdatamapper-interview.md",{"path":81,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":82,"sourceHtmlUrl":83},"guides\u002Feip-catalog.md",9127,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Feip-catalog.md",{"path":85,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":86,"sourceHtmlUrl":87},"guides\u002Fintegration-patterns.md",3861,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fintegration-patterns.md",{"path":89,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":90,"sourceHtmlUrl":91},"guides\u002Fmonitoring.md",5052,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fmonitoring.md",{"path":93,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":94,"sourceHtmlUrl":95},"guides\u002Fperformance.md",5184,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fperformance.md",{"path":97,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":98,"sourceHtmlUrl":99},"guides\u002Fresilience-interview.md",3170,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fresilience-interview.md",{"path":101,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":102,"sourceHtmlUrl":103},"guides\u002Fsecurity.md",6382,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Fsecurity.md",{"path":105,"resourceType":64,"resourceTypeDesc":65,"sizeBytes":106,"sourceHtmlUrl":107},"guides\u002Ftdd-assembly.md",2858,"https:\u002F\u002Fgithub.com\u002Fapache\u002Fcamel-kit\u002Fblob\u002Fmain\u002Fkit\u002Fcamel-kit-core\u002Fsrc\u002Fmain\u002Fresources\u002Fskills\u002Fcamel-design\u002Fguides\u002Ftdd-assembly.md",[109,118,128,138,145,156],{"skillNo":110,"name":5,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":112,"categories":113,"keywords":116,"publishedAt":33},"01M69BB0EA71EEW0TWV6DDMF5S","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",[114,115],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[28,27,32,31,117,29],"troubleshoot",{"skillNo":119,"name":120,"nameZh":6,"description":121,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":122,"categories":123,"keywords":124,"publishedAt":33},"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",[],[125,126,127],"state management","component","sandbox",{"skillNo":129,"name":130,"nameZh":6,"description":131,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":132,"categories":133,"keywords":134,"publishedAt":33},"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",[],[135,127,136,137],"start app","run","launch",{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":142,"categories":143,"keywords":144,"publishedAt":33},"01M69BAVXDBYFNKF45DQ1FPN40","routing","React Router v7 routing conventions for this SPA. USE WHEN: editing `app\u002Froutes.ts`, adding\u002Fremoving a route, or changing navigation.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fcoreai-design-system\u002Fblob\u002Fmain\u002Fapps\u002Fprototype\u002F.github\u002Fskills\u002Frouting\u002FSKILL.md",[],[140,27],{"skillNo":146,"name":147,"nameZh":6,"description":148,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":149,"categories":150,"keywords":153,"publishedAt":33},"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",[151,152],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[31,27,154,32,126,127,155,29],"react components","writing",{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":165,"publishedAt":33},"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",[162],{"categoryNo":163,"categoryName":164,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",[166,167,168],"new variant","design","create"]