Read RendererInfo.IsInteractive and RendererInfo.Name in Blazor Razor components to adapt UI.
npx skills add https://github.com/AndreHogberg/summit-ui --skill render-info
Please help me install this Agent Skill. Skill: render-info Source: https://github.com/AndreHogberg/summit-ui/tree/main/.claude/skills/render-info Command: npx skills add https://github.com/AndreHogberg/summit-ui --skill render-info
Blazor applications render differently across environments. RendererInfo provides runtime context about the current renderer, enabling you to adapt UI and behavior when prerendering vs interactive sessions and across platforms like Server, WebAssembly, or WebView.
Create a Razor component that checks RendererInfo.IsInteractive and RendererInfo.Name to render a loading message during prerender and the full UI after hydration.
High-intent search queries and answers about installing and using this skill.
Detect render context in Blazor by reading the RendererInfo.IsInteractive property in your Razor component to conditionally display placeholders during prerendering and full interactive UI after hydration.
Identify the render platform by checking the RendererInfo.Name property in Blazor, which exposes the runtime environment name to distinguish between Server, WebAssembly, Static, and WebView render contexts.
Show different content by evaluating RendererInfo.IsInteractive in your Razor component, returning static HTML for prerendered output and enabling dynamic controls or event handlers when the interactive render mode activates.
No external dependencies are needed to access RendererInfo in Blazor, as it is a built-in runtime feature that exposes render context properties directly within Razor components for static, Server, WebAssembly, and WebView scenarios.
Blazor UI renders differently across WebView and WebAssembly because the runtime renderer context changes, requiring you to inspect RendererInfo properties to adapt conditional content and behavior for each specific platform.
Check RendererInfo.IsInteractive when you need hydration-aware UI in Blazor, such as displaying loading messages during prerendering and switching to fully interactive controls once the component hydrates on the client or server.
daeha76Validate Blazor component structure, DI patterns, and token handling in .razor files.
tankygranny05Manage AI thinking output visibility in the VS Code extension webview.
salverius-techGuide Blazor Server, WebAssembly, and Hybrid app development.
jcsoftdevRender React UI on the server in Next.js App Router projects.
