render-info
Using the RendererInfo class in Blazor to detect rendering context and interactivity.
Best use case
render-info is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Using the RendererInfo class in Blazor to detect rendering context and interactivity.
Teams using render-info should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/render-info/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How render-info Compares
| Feature / Agent | render-info | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Using the RendererInfo class in Blazor to detect rendering context and interactivity.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Using RendererInfo in Blazor
The `RendererInfo` class in Blazor provides runtime information about the renderer that is executing the component. It is particularly useful for detecting whether a component is running interactively or statically, and for identifying the specific rendering platform (e.g., Server, WebAssembly, WebView).
## Key Properties
### `IsInteractive`
- **Type:** `bool`
- **Description:** Indicates whether the component is currently running in an interactive render mode.
- **Usage:** Use this to conditionally render UI elements that require interactivity, such as disabling buttons or showing loading indicators during static server-side rendering (SSR) or prerendering.
```csharp
@if (!RendererInfo.IsInteractive)
{
<p>Connecting...</p>
}
else
{
<button @onclick="HandleClick">Click Me</button>
}
```
### `Name`
- **Type:** `string`
- **Description:** Returns the name of the renderer.
- **Common Values:**
- `"Static"`: Running in static server-side rendering (SSR).
- `"Server"`: Running in Interactive Server mode (SignalR).
- `"WebAssembly"`: Running in Interactive WebAssembly mode.
- `"WebView"`: Running in a Blazor Hybrid application (MAUI, WPF, WinForms).
```csharp
<p>Current Render Mode: @RendererInfo.Name</p>
```
## Common Scenarios
### 1. Disabling Inputs During Prerendering
When a component is prerendered on the server, event handlers (like `@onclick`) are not active. You can use `RendererInfo.IsInteractive` to disable inputs until the interactive runtime takes over.
```razor
<button @onclick="Submit" disabled="@(!RendererInfo.IsInteractive)">
Submit
</button>
```
### 2. Rendering Different Content for Static vs. Interactive
You might want to show a simple HTML form for static SSR and a rich, interactive component for interactive modes.
```razor
@if (RendererInfo.Name == "Static")
{
<form action="/search" method="get">
<input name="q" />
<button type="submit">Search</button>
</form>
}
else
{
<SearchComponent />
}
```
## Related Concepts
- **`AssignedRenderMode`**: A property on `ComponentBase` that tells you which render mode was assigned to the component (e.g., `InteractiveServer`, `InteractiveWebAssembly`, `InteractiveAuto`). Note that `AssignedRenderMode` might be `null` during static rendering.
## Important Notes
- `RendererInfo` is available in .NET 8.0 and later.
- It is a static class, so you can access it directly in your Razor markup or C# code without injection.Related Skills
infographic-outline-creator
Infographic Outline Creator - Auto-activating skill for Visual Content. Triggers on: infographic outline creator, infographic outline creator Part of the Visual Content skill category.
RenderDoc/RDC GPU Debug Base Skill Wrapper
当前文件是 Cursor 平台的 base skill 入口。Agent 的目标是使用 RenderDoc/RDC platform tools 调试 GPU 渲染问题。
render-automation
Automate Render tasks via Rube MCP (Composio): services, deployments, projects. Always search tools first for current schemas.
baoyu-infographic
Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", or "可视化".
remotion-render
Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
agentdb-reinforcement-learning-training
Train AI agents using AgentDB's 9 reinforcement learning algorithms including Q-Learning, DQN, PPO, and Actor-Critic. Build self-learning agents, implement RL training loops with experience replay, and deploy optimized models to production.
mathjax-rendering
Render mathematical formulas in Obsidian using LaTeX/MathJax syntax. Use when writing equations, matrices, integrals, summations, or any mathematical notation in Obsidian notes.
information-security-manager-iso27001
Senior Information Security Manager specializing in ISO 27001 and ISO 27002 implementation for HealthTech and MedTech companies. Provides ISMS implementation, cybersecurity risk assessment, security controls management, and compliance oversight. Use for ISMS design, security risk assessments, control implementation, and ISO 27001 certification activities.
Render — Cloud Application Platform
## Overview
PixiJS — High-Performance 2D WebGL Renderer
You are an expert in PixiJS, the fastest 2D rendering engine for the web. You help developers build games, interactive visualizations, animated ads, creative coding projects, and rich UI effects using PixiJS's WebGL-first renderer with automatic Canvas fallback — handling sprites, text, filters, masks, blend modes, and custom shaders at 60fps with hundreds of thousands of objects.
Blender Render Automation
## Overview
3ds Max Rendering
Configure production renders with V-Ray and Corona. Optimize quality vs. render time for architectural visualization, product shots, and animation.