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.
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.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Documentation
- Documentation use cases
Technical details
- 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
Explore related resources
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.
Auto-fetched from GitHub.
