القائمة
Quick lookup for a Fluent UI package — path, dependencies, owner team, Nx project details, and relevant docs
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
استنادا إلى تصنيف SOC المهني
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/microsoft/fluentui --skill package-infoيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
Author or extend unstyled Fluent UI v9 primitives in @fluentui/react-headless-components-preview, including stable hooks, render functions, state data attributes, compound context wiring, tests, exports, and CSS Module stories. Use for any change that adds a headless component or component family to the preview library.
Review and optionally combine at most 11 open individual Dependabot patch and minor pull requests into a validated draft rollup PR. Use this skill as a local or cloud-agent fallback to native Dependabot groups without adding a custom scheduled GitHub Actions workflow. Always presents a dry-run plan and requires explicit approval before changing branches or GitHub pull requests.
Visually verify a component by launching its Storybook story and taking a screenshot with playwright-cli. Use after making visual changes to a component.
| name | package-info |
| description | Quick lookup for a Fluent UI package — path, dependencies, owner team, Nx project details, and relevant docs |
| argument-hint | <package-name> |
| allowed-tools | Bash Read Grep Glob |
Get a comprehensive overview of the package $ARGUMENTS.
Resolve the package path. Map the name to a filesystem path:
react-button or @fluentui/react-button → packages/react-components/react-button/library/ (source) and stories/ (storybook) sub-packagesGet Nx project details:
yarn nx show project @fluentui/$ARGUMENTS --json 2>/dev/null || yarn nx show project $ARGUMENTS --json 2>/dev/null
Read the package.json for version, dependencies, and peer dependencies.
Check ownership by searching CODEOWNERS:
grep -i "$ARGUMENTS" CODEOWNERS
Summarize the component structure — list files under library/src/components/.
Check test coverage — does it have:
*.test.tsx)testing/isConformant.ts)stories/ package)Report in this format:
Package: @fluentui/<name>
Path: packages/react-components/<name>/library/
Version: x.y.z
Tier: 3 (Component) | 2 (Foundation) | 1 (Core)
Owner: <team from CODEOWNERS>
Dependencies: <list relevant @fluentui deps>
Components: <list exported components>
Tests: unit ✓/✗ | conformance ✓/✗ | stories ✓/✗
yarn nx run <project>:build # Build
yarn nx run <project>:test # Unit tests
yarn nx run <project>:lint # Lint
yarn nx run <project>:type-check # Type check
yarn nx run <project>:generate-api # Regenerate API docs (etc/*.api.md)