LogoClawIndex
CasesSkillsAbout
LogoClawIndex

fluentui-v5-blazor - Debug Fluent UI Blazor v5 components and styling

Explains repo-specific Fluent UI Blazor v5 component names, CSS isolation, boot cloaking, sizing, file upload, date formatting, grid, and theme behavior.

Tags

Updated: 2026-09-28
Fluent UI BlazorBlazorCSS isolationcomponent debuggingdata gridthemingfile upload

Capabilities

Verify component namesInspect rendered DOMApply deep CSS selectorsDiagnose boot flashes

Typical Inputs

Blazor markupBlazor scoped CSSFluent UI component usage

Typical Outputs

Updated .razor markupUpdated .razor.css rulesComponent troubleshooting guidance

What this skill does

  • Verify component names
  • Inspect rendered DOM
  • Apply deep CSS selectors
  • Diagnose boot flashes
  • Adjust grid row sizing
  • Fix component width constraints
  • Center file upload labels
  • Configure date formatting
  • Check theme mode synchronization

Inputs

  • Blazor markup
  • Blazor scoped CSS
  • Fluent UI component usage
  • Fluent UI Blazor MCP access
  • Rendered DOM inspection
  • Theme settings
  • Repository component files

Outputs

  • Updated .razor markup
  • Updated .razor.css rules
  • Component troubleshooting guidance
  • Verified component parameters
  • Corrected layout behavior
  • Corrected theme behavior

Requirements

  • Fluent UI Blazor v5 prerelease
  • fluent-ui-blazor MCP
  • Blazor project access
  • Browser DOM inspection tools when needed

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.