What is devexpress-blazor-gauges?

A guide to DevExpress visual components for Blazor, including gauges, range selectors, flow diagrams, compact trend charts, and maps. These components turn values, relationships, trends, and locations into visual displays.

Use it to show gauge values, select numeric or date ranges, map flows between groups, place mini charts in cards or grid cells, display map markers and routes, and export these visuals.

It helps choose and configure the right visual component for dashboards and interactive data views.

devexpress-blazor-gauges — Skill for Claude Code by DevExpress

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add DevExpress/agent-skills --skill devexpress-blazor-gauges

Clone the repo

git clone --depth 1 https://github.com/DevExpress/agent-skills

Made for: Claude Code.

Or install dx-blazor, the plugin that ships this one along with the rest of its 10 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/devexpress/agent-skills/devexpress-blazor-gauges/github.svg)](https://agentmods.dev/skills/devexpress/agent-skills/devexpress-blazor-gauges)

Your own site

<a href="https://agentmods.dev/skills/devexpress/agent-skills/devexpress-blazor-gauges"><img src="https://agentmods.dev/badge/skills/devexpress/agent-skills/devexpress-blazor-gauges/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/devexpress/agent-skills/devexpress-blazor-gauges"><img src="https://agentmods.dev/badge/skills/devexpress/agent-skills/devexpress-blazor-gauges.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 105 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 5,877 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits

NVIDIA SkillSpector warn 7 Sept 2026

SkillSpector: 1 finding, up to high

These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →

high Anti-Refusal · line 465
Skill instructs the agent to omit warnings, disclaimers, or ethical commentary. Stripping safety caveats hides risk from the user and is a common jailbreak preamble.

Fix: Remove instructions that suppress warnings, disclaimers, or ethical commentary. Let the agent surface safety-relevant caveats to the user.

How audits are shown

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00105	$0.05877
Opus 5	$0.00053	$0.02939
Sonnet 5	$0.00021	$0.01175
Haiku 4.5	$0.00011	$0.00588

Measured 11d ago against content hash 3fd910265e74, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

devexpress-blazor-gauges scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/dx-blazor/skills/devexpress-blazor-gauges/SKILL.md · 486 lines

How it starts

The opening of the file, as written. The whole thing — 486 lines — stays where its author put it; the contents beside it link to each section on GitHub.

DevExpress Blazor Visualization Components

A collection of specialized visualization components for Blazor:

DxBarGauge — Circular bar gauge displaying multiple values as arcs
DxRangeSelector — Linear scale with draggable sliders for range selection; optionally displays a background chart
DxSankey — Flow diagram showing value transfer between two entity sets
DxSparkline — Compact trend line/bar embedded in other UI (e.g., inside a Grid column)
DxMap — Geo map with markers and route display using Azure, Google, or GoogleStatic tiles

When to Use This Skill

Display multiple gauge values as concentric arc bars (DxBarGauge)
Let users visually select a date/numeric range by dragging sliders (DxRangeSelector)
Visualize flow between categories or entities (DxSankey)
Embed a compact trend chart inside a Grid cell or card (DxSparkline)
Show geo locations, routes, or markers on a map (DxMap)
Export gauge/sparkline/sankey as PNG/PDF/JPEG/GIF

Prerequisites & Installation

NuGet Package

Package	Purpose
`DevExpress.Blazor`	All components in this skill

# Install from NuGet.org:
dotnet add package DevExpress.Blazor

builder.Services.AddDevExpressBlazor();

v26.1 note: DevExpress.Blazor no longer includes options.BootstrapVersion or DevExpress.Blazor.BootstrapVersion. Do not generate either API.

Add to _Imports.razor:

@using DevExpress.Blazor

Apply a theme and add client scripts in App.razor inside <head>:

@using DevExpress.Blazor
@DxResourceManager.RegisterTheme(Themes.Fluent)
@DxResourceManager.RegisterScripts()

DxMap requires a GIS API key (Azure Maps, Google Maps, or GoogleStatic). Pass it via the DxMapApiKeys child component and set Provider.

Before You Start — Ask the Developer

If the host agent has a structured question-asking tool available, use it to ask these questions one at a time with clear options — for example, Claude Code's AskUserQuestion tool or GitHub Copilot's askQuestions tool. If no such tool is available, ask the questions directly in the chat response before generating code.

Read the full file on GitHub · 486 lines

Files

What ships with it

9 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

11d ago First seen · 486 lines · 105 tokens per session scan A 3fd910265e74

Subscribe to this mod's changes

devexpress-blazor-gauges is a skill published in the GitHub repository DevExpress/agent-skills (52 stars, last pushed 24d ago), licensed MIT. It adds 105 tokens to every session and 5,877 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Analytics and metrics Frontend agent-plugins agent-skills ai ai-coding-agent devexpress devextreme

TEMPLATE

../../../agents/personas/TEMPLATE.md.

alirezarezvani/claude-skills · 0 tokens

amazon-location-service

Integrates Amazon Location Service APIs for AWS applications. Use this skill when users want to add maps (interactive MapLibre or static images); geocode addresses to coordinates or reverse geocode coordinates to addresses; calculate routes, travel times, or service areas; find places and businesses through text…

awslabs/agent-plugins · 107 tokens

gsd-ui-phase

Generate UI design contract (UI-SPEC.md) for frontend phases.

SpillwaveSolutions/agent-brain · 18 tokens

gsd-ui-review

Retroactive 6-pillar visual audit of implemented frontend code.

SpillwaveSolutions/agent-brain · 17 tokens

uicraft

Create, improve, audit, and polish distinctive production-grade web interfaces, including marketing/landing pages and personal portfolio sites. Use for UI or frontend design, responsive layouts, typography, color, motion, UX copy, accessibility, performance, design-system alignment, onboarding, edge cases, or visual…

rojim666/SztuCode · 152 tokens

design-system

DESIGN.md integration for Forge — ensures visual consistency across all UI tasks through standardized design specifications.

LucasDuys/forge · 21 tokens