# Adapt Blazor Components with RendererInfo

Blazor components can behave incorrectly when static and interactive rendering require different interfaces. This skill explains RendererInfo checks for context-aware Razor components.

## Install

```bash
npx skillstore add andrehogberg/render-info
```

## Metadata

- Status: approved
- Slug: andrehogberg-render-info
- Skillstore revision: r2
- Version status: missing
- Tree hash: 9a805cac39e1f0ab33b584fc6ad5105c91376bab600f596d1bc014e99462f0d7
- Author: AndreHogberg
- GitHub username: AndreHogberg
- License: MIT
- Repository: https://github.com/AndreHogberg/summit-ui/tree/main/.claude/skills/render-info
- Ref: 89edfdc710d0846129dcee6a929477b04f08052c
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/andrehogberg-render-info
- Manifest: https://skillstore.pages.dev/api/skills/andrehogberg-render-info/manifest

## Capabilities

- Explains the RendererInfo IsInteractive and Name properties.
- Identifies Static, Server, WebAssembly, and WebView renderer names.
- Shows how to disable inputs while a component is not interactive.
- Demonstrates different content for static SSR and interactive rendering.
- Distinguishes current renderer information from AssignedRenderMode.

## Use Cases

- Control prerendered inputs: Disable buttons and inputs until event handlers become interactive.
- Tailor hybrid interfaces: Select interface behavior for Server, WebAssembly, WebView, or Static contexts.
- Review rendering assumptions: Document when components depend on interactive runtime behavior.

## Prompt Templates

### Explain interactivity

```
Explain RendererInfo.IsInteractive in simple terms and give one Blazor scenario where it controls interactive UI.
```

### Disable a prerendered button

```
Show how to disable a Blazor submit button during prerendering. Explain the transition to interactive mode.
```

### Switch search experiences

```
Design a component that shows a static search form during SSR and an interactive search component afterward. Use RendererInfo.
```

### Audit render-mode assumptions

```
Review my Blazor component. Recommend RendererInfo checks for Static, Server, WebAssembly, and WebView contexts.
```

## Limitations

- Provides documentation and examples but does not modify project files.
- Does not configure Blazor render modes, routing, or hosting.
- Does not diagnose SignalR, WebAssembly, or hybrid runtime failures.
- Framework availability details should be verified against the target .NET version.

## Best Practices

- Use IsInteractive when behavior depends on active event handlers.
- Keep a functional static fallback when the workflow permits it.
- Verify renderer names and framework availability against the target .NET version.

## Anti Patterns

- Do not assume prerendered controls can process interactive events.
- Do not use renderer names when a simple interactivity check is sufficient.
- Do not confuse the current renderer with the assigned render mode.

## Security Audit

- Audited at: 2026-07-23T06:39:24.362\+00:00
- Summary: All 20 static findings are false positives caused by Markdown backticks, fenced examples, and a documented platform name. SKILL.md contains guidance only, with no executable commands, reconnaissance behavior, prompt injection, or secret access.

## Stats

- Views: 248
- Downloads: 7
- Favorites: 0
- Popularity score: 0