Syncfusion Maui Badge View

Organization

syncfusion

syncfusion-maui-badge-view

Implements Syncfusion .NET MAUI Badge View (SfBadgeView) control. Use when adding badge notifications, status indicators, unread counts, or notification overlays to MAUI applications. Covers SfBadgeView setup, badge text customization, position adjustments, animations, predefined symbols, and accessibility features.

Overview

Publisher	syncfusion
Repository	`maui-ui-components-skills`
Skill name	`syncfusion-maui-badge-view`
Stars	61
Forks	1
Bundled files	5
Links	Skill source Repository Homepage

Markdown instructions
A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.
Works with any LLM
AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.
5 bundled files
Scripts, templates, and references the model can read while it works. Files are read-only and never executed.
Open source
Published by syncfusion on GitHub. Read the source before you install it.

Installation

Install the Syncfusion Maui Badge View AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

Open the app and go to Plugins → Skills.
Choose "Install from GitHub".
Paste the skill folder URL below and confirm.
https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-badge-view
Enable the skill in any chat where you want it available.

Store

Installed

Skills

Add skills

Import one or more skills from a public GitHub folder or a local .skill or .zip archive, or SKILL.md file.

From GitHub URLFrom .skill, .zip, or SKILL.md

GitHub repo or folder

https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-badge-view

Points to a single skill folder, or any folder that contains multiple skills. Public repos only.

CancelContinue

Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills

git clone --depth 1 https://github.com/syncfusion/maui-ui-components-skills.git /tmp/maui-ui-components-skills
mkdir -p .claude/skills
cp -r /tmp/maui-ui-components-skills/skills/syncfusion-maui-badge-view .claude/skills/syncfusion-maui-badge-view

Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Syncfusion Maui Badge View in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Syncfusion Maui Badge View on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Syncfusion Maui Badge View is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

Loaded only when it is needed
The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.
Switch models mid-chat
Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

Implementing Badge Views in .NET MAUI

A comprehensive guide for implementing and customizing Syncfusion's .NET MAUI Badge View (SfBadgeView) control. Badge views display notification counts, status indicators, or alerts overlaid on content like buttons, images, or avatars.

When to Use This Skill

Use this skill when you need to:

Add notification badges to buttons, icons, or profile images
Display unread message counts or notification numbers
Show status indicators (available, busy, away)
Implement notification overlays with custom positioning
Add animated badge notifications
Create badges with predefined symbols or icons
Customize badge appearance (colors, fonts, shapes)
Position badges around content elements
Implement accessible badge notifications with screen reader support

Component Overview

The Badge View (SfBadgeView) is a notification control that overlays badges on content elements. It supports:

Text badges: Display notification counts or short text
Icon badges: Show predefined status symbols (available, away, busy, etc.)
Positioning: Place badges at 8 positions around content (TopRight, TopLeft, BottomRight, etc.)
Customization: Fonts, colors, strokes, backgrounds, corner radius
Animation: Scale animations when badge text changes
Predefined styles: 8 color types (Primary, Error, Success, Warning, etc.)
Accessibility: Screen reader support for badge content