[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M69BNR5C5ACXQY538G9DCGD1":3,"skill-same:01M69BNR5C5ACXQY538G9DCGD1":69},{"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":40,"linkOnly":41,"markdownContent":42,"markdownBody":43,"frontMatter":44,"refName":45,"commitSha":46,"skillDirectory":47,"forksCount":48,"repositoryHtmlUrl":49,"repositoryHomepageUrl":50,"ownerHtmlUrl":51,"ownerBlogUrl":52,"ownerDescription":53,"updatedAt":54,"install":55,"resources":68},"01M69BNR5C5ACXQY538G9DCGD1","implement-native-component",null,"Implement or change native components, TurboModules, native services, codegen specs, or native-backed platform wrappers (Swift, Objective-C, C++\u002FWinRT, podspecs, Windows projects). Also supplies the native overlay checklist for v0, v1, and agentic work. Not for Storybook toolchain failures.","microsoft\u002Ffluentui-react-native","microsoft","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6154722?v=4","01M698VYDXZ6JW5WH3CRV650R8","Microsoft","01M69BN96X1NXK8GBAFVRMVHSF",1447,"MIT","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Fimplement-native-component\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39],"implement","component","native","implement native component","projects","overlay","for","v1","toolchain","platform","c++","checklist","v0","work","swift","services","storybook","windows","change","components","agentic","2026-11-10 10:12:30",false,"---\nname: implement-native-component\ndescription: Implement or change native components, TurboModules, native services, codegen specs, or native-backed platform wrappers (Swift, Objective-C, C++\u002FWinRT, podspecs, Windows projects). Also supplies the native overlay checklist for v0, v1, and agentic work. Not for Storybook toolchain failures.\nlicense: MIT\n---\n\n# Implement native components and modules\n\nUse this skill directly for native work, or as an overlay when a v0, v1, or agentic change touches a native boundary.\nThe [native components and modules reference](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fcomponents-and-modules.md) defines\nownership and qualification rules (R-NATIVE-001 through R-NATIVE-003).\n\n## Workflow\n\n1. Classify the work:\n   - native kind: view component, TurboModule, or native service;\n   - target platforms and renderers: macOS Paper or Fabric, React Native Windows Fabric, Win32 host-provided views,\n     iOS, or Android;\n   - the JavaScript wrapper's generation and public compatibility, using the\n     [classification guide](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fcomponents\u002Fclassification.md);\n   - native registration names and entrypoints that must not change.\n2. Choose ownership. New modern native code belongs in native-core (R-NATIVE-001); maintain existing native wrappers,\n   such as experimental packages, where they live. For native-core work, start from its\n   [package instructions](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002FAGENTS.md) and read the relevant\n   [native-core references](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002Freferences\u002FREADME.md); for a wrapper in another\n   package, read that package's sources and documentation instead.\n3. Load only the platform references the work needs:\n   - React Native Windows Fabric views: [Windows Fabric](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fwindows-fabric.md);\n   - any iOS or macOS Swift, Objective-C, header, podspec, or bridge-manager change:\n     [Apple native authoring and Office integration](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fapple-office.md)\n     (R-APPLE-001 through R-APPLE-007), plus native-core's\n     [native layout](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002Freferences\u002Farchitecture.md#native-layout-and-host-policy) and\n     [Swift interoperability](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002Freferences\u002Farchitecture.md#macos-swift-interoperability)\n     notes for native-core work;\n   - focus targets or native focus visuals: [common focus authoring](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Ffocus\u002Fcommon.md) and its\n     platform file;\n   - accessibility actions:\n     [framework-base accessibility reference](..\u002F..\u002F..\u002Fpackages\u002Fframework-base\u002Freferences\u002Faccessibility.md);\n   - the JavaScript wrapper: the [agentic skill](..\u002Fagentic-component-authoring\u002FSKILL.md),\n     [v0 recipe](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fcomponents\u002Fv0.md), or [v1 recipe](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fcomponents\u002Fv1.md).\n4. Implement with the TypeScript specification, codegen configuration, native props, events, commands, and registration\n   kept consistent. Preserve public APIs and registration names (R-NATIVE-002) and keep fork imports in platform files\n   (R-REPO-002).\n5. Validate the affected boundary with declared scripts (R-VALID-001), running focused package tests while iterating\n   (R-VALID-004): package build, test, and lint; native-core `yarn codegen:windows --check` when Windows specs change\n   and `yarn test:apple-integration` when its macOS native code changes; native builds through the owning app, such as\n   `yarn storybook build --macos` or `--windows` from `apps\u002Fstorybook`; and runtime evidence through Storybook smoke or\n   `wdio` story tests. macOS Storybook commands default to Fabric: add `--paper` to `prep`, `build`, `run`, or `smoke`\n   for Paper, and rerun `prep` when switching renderers. Desktop Storybook does not build iOS: validate iOS-only changes\n   through the owning iOS host, such as FluentTester's iOS app in `apps\u002Ffluent-tester`. Apple changes also need the module and bridging-header checks in\n   R-APPLE-007. Run Pod operations only as the\n   [permissions reference](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Frepository\u002Fpermissions.md) allows.\n6. Report each platform and renderer as passed, failed, skipped, not run, or unsupported, with reasons (R-NATIVE-003).\n7. Finish with `yarn clean-lage-cache` and then `yarn lage buildci` (R-VALID-003).\n\nStorybook application or toolchain failures that are not caused by the native change belong to the\n[Storybook skill](..\u002Fagentic-storybook-development\u002FSKILL.md).\n\n## Native overlay checklist\n\nUse this checklist for implementation and review:\n\n- TypeScript specification, native props, events, and commands agree; generated code was regenerated by its declared\n  command rather than edited by hand.\n- Registration names, autolinking, and entrypoints are unchanged unless requested; consuming apps depend directly on\n  native-core.\n- Native view lookup and UI mutation run on the platform's UI thread.\n- iOS and macOS changes follow the [Apple and Office rules](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fapple-office.md):\n  qualified `\u003CReact\u002F...>` headers, guarded Swift `import React`, no generated Swift header in an `RCT_EXTERN_MODULE`\n  file, generated-type-free Paper bridges, main-queue dispatch, and strict warnings (R-APPLE-001 through R-APPLE-006).\n  Module and bridging-header validation ran, or the unrun mode is reported (R-APPLE-007).\n- Native resources, observers, and pending work are released on unmount, cancellation, or failure.\n- Each export works on every host its entrypoint promises; platform-only APIs use the narrowest entrypoint.\n- Podspecs, Windows projects, and package `files` include every new native source.\n- Accessibility actions and focus targets are qualified by invoking the native action or target, not by JavaScript\n  events alone.\n- Evidence states which platforms and renderers ran; JavaScript-only results are not native qualification\n  (R-NATIVE-003).\n","# Implement native components and modules\n\nUse this skill directly for native work, or as an overlay when a v0, v1, or agentic change touches a native boundary.\nThe [native components and modules reference](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fcomponents-and-modules.md) defines\nownership and qualification rules (R-NATIVE-001 through R-NATIVE-003).\n\n## Workflow\n\n1. Classify the work:\n   - native kind: view component, TurboModule, or native service;\n   - target platforms and renderers: macOS Paper or Fabric, React Native Windows Fabric, Win32 host-provided views,\n     iOS, or Android;\n   - the JavaScript wrapper's generation and public compatibility, using the\n     [classification guide](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fcomponents\u002Fclassification.md);\n   - native registration names and entrypoints that must not change.\n2. Choose ownership. New modern native code belongs in native-core (R-NATIVE-001); maintain existing native wrappers,\n   such as experimental packages, where they live. For native-core work, start from its\n   [package instructions](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002FAGENTS.md) and read the relevant\n   [native-core references](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002Freferences\u002FREADME.md); for a wrapper in another\n   package, read that package's sources and documentation instead.\n3. Load only the platform references the work needs:\n   - React Native Windows Fabric views: [Windows Fabric](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fwindows-fabric.md);\n   - any iOS or macOS Swift, Objective-C, header, podspec, or bridge-manager change:\n     [Apple native authoring and Office integration](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fapple-office.md)\n     (R-APPLE-001 through R-APPLE-007), plus native-core's\n     [native layout](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002Freferences\u002Farchitecture.md#native-layout-and-host-policy) and\n     [Swift interoperability](..\u002F..\u002F..\u002Fpackages\u002Fagentic\u002Fnative-core\u002Freferences\u002Farchitecture.md#macos-swift-interoperability)\n     notes for native-core work;\n   - focus targets or native focus visuals: [common focus authoring](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Ffocus\u002Fcommon.md) and its\n     platform file;\n   - accessibility actions:\n     [framework-base accessibility reference](..\u002F..\u002F..\u002Fpackages\u002Fframework-base\u002Freferences\u002Faccessibility.md);\n   - the JavaScript wrapper: the [agentic skill](..\u002Fagentic-component-authoring\u002FSKILL.md),\n     [v0 recipe](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fcomponents\u002Fv0.md), or [v1 recipe](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fcomponents\u002Fv1.md).\n4. Implement with the TypeScript specification, codegen configuration, native props, events, commands, and registration\n   kept consistent. Preserve public APIs and registration names (R-NATIVE-002) and keep fork imports in platform files\n   (R-REPO-002).\n5. Validate the affected boundary with declared scripts (R-VALID-001), running focused package tests while iterating\n   (R-VALID-004): package build, test, and lint; native-core `yarn codegen:windows --check` when Windows specs change\n   and `yarn test:apple-integration` when its macOS native code changes; native builds through the owning app, such as\n   `yarn storybook build --macos` or `--windows` from `apps\u002Fstorybook`; and runtime evidence through Storybook smoke or\n   `wdio` story tests. macOS Storybook commands default to Fabric: add `--paper` to `prep`, `build`, `run`, or `smoke`\n   for Paper, and rerun `prep` when switching renderers. Desktop Storybook does not build iOS: validate iOS-only changes\n   through the owning iOS host, such as FluentTester's iOS app in `apps\u002Ffluent-tester`. Apple changes also need the module and bridging-header checks in\n   R-APPLE-007. Run Pod operations only as the\n   [permissions reference](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Frepository\u002Fpermissions.md) allows.\n6. Report each platform and renderer as passed, failed, skipped, not run, or unsupported, with reasons (R-NATIVE-003).\n7. Finish with `yarn clean-lage-cache` and then `yarn lage buildci` (R-VALID-003).\n\nStorybook application or toolchain failures that are not caused by the native change belong to the\n[Storybook skill](..\u002Fagentic-storybook-development\u002FSKILL.md).\n\n## Native overlay checklist\n\nUse this checklist for implementation and review:\n\n- TypeScript specification, native props, events, and commands agree; generated code was regenerated by its declared\n  command rather than edited by hand.\n- Registration names, autolinking, and entrypoints are unchanged unless requested; consuming apps depend directly on\n  native-core.\n- Native view lookup and UI mutation run on the platform's UI thread.\n- iOS and macOS changes follow the [Apple and Office rules](..\u002F..\u002F..\u002Freferences\u002Fagents\u002Fnative\u002Fapple-office.md):\n  qualified `\u003CReact\u002F...>` headers, guarded Swift `import React`, no generated Swift header in an `RCT_EXTERN_MODULE`\n  file, generated-type-free Paper bridges, main-queue dispatch, and strict warnings (R-APPLE-001 through R-APPLE-006).\n  Module and bridging-header validation ran, or the unrun mode is reported (R-APPLE-007).\n- Native resources, observers, and pending work are released on unmount, cancellation, or failure.\n- Each export works on every host its entrypoint promises; platform-only APIs use the narrowest entrypoint.\n- Podspecs, Windows projects, and package `files` include every new native source.\n- Accessibility actions and focus targets are qualified by invoking the native action or target, not by JavaScript\n  events alone.\n- Evidence states which platforms and renderers ran; JavaScript-only results are not native qualification\n  (R-NATIVE-003).\n",{"name":5,"license":15,"description":7},"main","b13da50b9dd7ea8dba8401402deb12e9ca0ad30f",".github\u002Fskills\u002Fimplement-native-component",179,"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native","https:\u002F\u002Fdeveloper.microsoft.com\u002Ffluentui","https:\u002F\u002Fgithub.com\u002Fmicrosoft","https:\u002F\u002Fopensource.microsoft.com","Open source projects and samples from Microsoft","2026-11-14 16:51:14",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":67},[57,60,63],{"tool":58,"command":59},"npx","npx skills add microsoft\u002Ffluentui-react-native --skill implement-native-component",{"tool":61,"command":62},"bunx","bunx skills add microsoft\u002Ffluentui-react-native --skill implement-native-component",{"tool":64,"command":65},"pnpm","pnpm dlx skills add microsoft\u002Ffluentui-react-native --skill implement-native-component","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Fimplement-native-component\u002FSKILL.md",true,[],[70,90,110,135,156,174],{"skillNo":71,"name":72,"nameZh":6,"description":73,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":74,"categories":75,"keywords":76,"publishedAt":40},"01M69BNY903X0VV646DQZS6P4J","review-component","Review component code or changes of any generation (v0, v1, agentic, primitive, or native-backed) without editing files. Classifies each changed surface, applies the matching checklists and native overlay, and reports evidence-backed findings with validation status.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Freview-component\u002FSKILL.md",[],[20,77,78,79,39,80,81,82,83,84,85,21,86,24,87,88,89,31,26],"review component","review","status","code","validation","reports","with","evidence","changes","generation","editing","matching","files",{"skillNo":91,"name":92,"nameZh":6,"description":93,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":94,"categories":95,"keywords":96,"publishedAt":40},"01M69BNW72SEHXZQQ4DJ8GKCYR","maintain-v0-v1-component","Fix or maintain existing v0 (foundation-compose) or v1 (framework compose\u002Fcompressible) components, including their platform variants. Classifies the generation first and loads only its recipe. Not for new components, agentic components, read-only reviews, or native-only changes.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Fmaintain-v0-v1-component\u002FSKILL.md",[],[20,97,98,26,31,39,38,99,100,28,25,101,102,103,104,105,106,107,108,109],"maintain v0 v1 component","maintain","reviews","compose","read-only","fix","variants","only","new","recipe","loads","Existing","foundation",{"skillNo":111,"name":112,"nameZh":6,"description":113,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":114,"categories":115,"keywords":121,"publishedAt":40},"01M69BNT7KCPA7Y64K6AXA79N6","maintain-desktop-testing","Change, review, or plan source changes to desktop-driver, desktop-test, storybook-desktop, or storybook-desktop-runtime, including native helpers. Applies package invariants, documentation, native and consumer validation, and changesets.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Fmaintain-desktop-testing\u002FSKILL.md",[116],{"categoryNo":117,"categoryName":118,"taxonomyType":119,"taxonomyTypeDesc":120},"01JBSEEDCAT000000000000008","测试与质量","SCENARIO","使用场景",[122,123,124,125,98,126,127,37,35,78,81,128,85,129,21,130,131,132,133,134],"maintain desktop testing","desktop","desktop testing","testing","documentation","test","plan","changesets","runtime","invariants","package","source","driver",{"skillNo":136,"name":137,"nameZh":6,"description":138,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":139,"categories":140,"keywords":141,"publishedAt":40},"01M69BNPQ62YVE7KNX7JF29C5S","fix-security-issues","Audit and remediate dependency security advisories while respecting package age policy, removing unused vulnerable capabilities, deduplicating Yarn resolutions, and validating affected tooling.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Ffix-security-issues\u002FSKILL.md",[],[142,143,102,144,145,146,147,148,149,150,151,152,132,153,154,155],"security","fix security issues","issues","yarn","policy","age","affected","audit","dependency","tooling","dependency security","unused","remediate","capabilities",{"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":163,"publishedAt":40},"01M69BNMNB2Y7QX76S8P4M69B7","desktop-testing","Configure, run, or troubleshoot native desktop tests using desktop-test, desktop-driver, and storybook-desktop, including app targets and suites, helpers, permissions, WDIO suites, Storybook story tests and smoke runs, reports, and CI. Not for package source changes or the Storybook app build toolchain.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Fdesktop-testing\u002FSKILL.md",[162],{"categoryNo":117,"categoryName":118,"taxonomyType":119,"taxonomyTypeDesc":120},[123,124,125,127,164,165,166,27,25,167,168,132,169,82,170,171,85,172,21,173],"run","app","smoke","ci","tests","configure","permissions","storybook story","targets","build",{"skillNo":175,"name":176,"nameZh":6,"description":177,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":178,"categories":179,"keywords":180,"publishedAt":40},"01M69BNJKX29P3PVCP4QE4K9H3","agentic-storybook-development","Develop, bundle, build, or troubleshoot the agentic-components Storybook app in apps\u002Fstorybook on macOS, Windows, or Win32, including app catalog configuration, Metro, CocoaPods, native projects, and renderer builds. Not for configuring or running desktop tests or changing desktop package source.","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-react-native\u002Fblob\u002Fmain\u002F.github\u002Fskills\u002Fagentic-storybook-development\u002FSKILL.md",[],[181,35,39,182,36,183,123,38,184,165,23,25,185,186,168,132,187,188,189,21],"development","agentic storybook development","win32","running","renderer","catalog","apps","cocoapods","develop"]