fluentui Skill
Patterns for FluentUI React v9 components in VS Code webviews. Use when working with any FluentUI component (Toolbar, Overflow, Menu, Button, Dialog, etc.), debugging layout or styling issues with FluentUI, implementing toolbar overflow (collapsing items into a "..." menu), or integrating FluentUI components in webview Published by microsoft in vscode-documentdb.
Decision snapshot
Is this a fit?
Documentation, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Permission behavior not yet detected.
Copy skill directory
2 months ago · MIT license
No specific cautions were detected. Review the source and requested permissions before installing.
What is fluentui Skill?
Patterns for FluentUI React v9 components in VS Code webviews. Use when working with any FluentUI component (Toolbar, Overflow, Menu, Button, Dialog, etc.), debugging layout or styling issues with FluentUI, implementing toolbar overflow (collapsing items into a "..." menu), or integrating FluentUI components in webview Published by microsoft in vscode-documentdb. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Documentation
- Documentation use cases
Declared skill metadata
- Source file: .github/skills/fluentui/SKILL.md
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- Install or run with Copy skill directory
When to use fluentui Skill
- Use it for documentation.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/vscode-documentdb
- Skill file: .github/skills/fluentui/SKILL.md
What it does
Patterns for FluentUI React v9 components in VS Code webviews. Use when working with any FluentUI component (Toolbar, Overflow, Menu, Button, Dialog, etc.), debugging layout or styling issues with FluentUI, implementing toolbar overflow (collapsing items into a "..." menu), or integrating FluentUI components in webview
Skill instructions
FluentUI React v9 Patterns Proven patterns and project-specific knowledge for using FluentUI React v9 components in VS Code webviews. Official Documentation FluentUI provides LLM-compatible documentation. Use these URLs with fetchwebpage to look up any component: - Index (all components): https://storybooks.fluentui.dev/react/llms.txt - Individual component: https://storybooks.fluentui.dev/react/llms/components-{name}.txt - Examples: components-overflow.txt, components-toolbar.txt, components-menu-menu.txt, components-button-button.txt When working with a FluentUI component you're unfamiliar with, fetch its documentation first. Topic References This skill covers multiple FluentUI topics. Load the relevant reference when needed: - Overflow & Toolbar: See references/OVERFLOWPATTERNS.md — Layout constraints, CSS Grid vs Flexbox, divider handling, priority ordering, debugging checklist When to Use - Working with any FluentUI React v9 component in a webview - Adding or modifying a toolbar w
Verified compatibility and discovery
Frequently asked questions
What is fluentui?
fluentui is a open-source AI agent skill with Copy skill directory. Patterns for FluentUI React v9 components in VS Code webviews. Use when working with any FluentUI component (Toolbar, Overflow, Menu, Button, Dialog, etc.), debugging layout or styling issues with FluentUI.
Who is fluentui best for?
fluentui is best for reusing agent instructions, scripts, and references, documentation workflows.
How do I install fluentui?
Install or run fluentui using Copy skill directory. Check fluentui for the latest setup command.
Is fluentui actively maintained?
fluentui may need a closer maintenance check before production use.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
