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.
npx agentmods add skills/fritzandfriends/blazorwebformscomponents/component-developmentnpx skills add FritzAndFriends/BlazorWebFormsComponents --skill component-developmentgit clone --depth 1 https://github.com/FritzAndFriends/BlazorWebFormsComponentsWhat 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 | $0.00115 | $0.00968 |
| Opus 5 | $0.00057 | $0.00484 |
| Sonnet 5 | $0.00023 | $0.00194 |
| Haiku 4.5 | $0.00012 | $0.00097 |
Grade A, and why
component-development 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 2d 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.
How it starts
The opening of the file, as written. The whole thing — 105 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Component Development Skill
This skill covers creating new Blazor components that emulate ASP.NET Web Forms controls.
Related Guides
- HTML Output Matching Guide - How to ensure Blazor components render identical HTML to Web Forms controls
Quick Reference
Creating a New Component
- Identify the Web Forms control from
System.Web.UI.WebControls - Research the HTML output using the HTML Output Matching Guide
- Create component files:
src/BlazorWebFormsComponents/{ComponentName}.razorsrc/BlazorWebFormsComponents/{ComponentName}.razor.cs
- Inherit from appropriate base class:
BaseWebFormsComponent- Basic componentsBaseStyledComponent- Components with stylingDataBoundComponent<T>- Data-bound components
- Add unit tests in
src/BlazorWebFormsComponents.Test/{ComponentName}/ - Add sample page in
samples/AfterBlazorServerSide/Components/Pages/ControlSamples/{ComponentName}/ - Add integration tests using Playwright in
samples/AfterBlazorServerSide.Tests/ - Create documentation in
docs/{Category}/{ComponentName}.md - Update navigation:
- Add to
samples/AfterBlazorServerSide/Components/Layout/NavMenu.razor(TreeView) - Add to
samples/AfterBlazorServerSide/Components/Pages/ComponentList.razor(home page catalog) - Update
mkdocs.ymlandREADME.md
- Add to
Base Class Selection
| Base Class | Use When |
|---|---|
BaseWebFormsComponent |
Simple components without styling (Literal, PlaceHolder) |
BaseStyledComponent |
Components with visual styling (Label, Panel, Button) |
ButtonBaseComponent |
Button-like components (Button, LinkButton, ImageButton) |
DataBoundComponent<T> |
Components binding to collections (Repeater, GridView) |
BaseValidator |
Validation controls |
Property Naming Convention
Match Web Forms property names exactly:
TextnotLabelorContentCssClassnotClassorClassNameNavigateUrlnotHreforUrlImageUrlnotSrcorSource
What ships with it
1 file 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.
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.
- 2d ago First seen · 105 lines · 115 tokens per session scan A 2ed5e4a4c797
component-development is a skill published in the GitHub repository FritzAndFriends/BlazorWebFormsComponents (449 stars, last pushed 2mo ago), licensed MIT. It adds 115 tokens to every session and 968 once invoked, about $0.0006 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.
Other skills, from other repositories
lumeo
Use when building or editing a Blazor UI that uses the Lumeo component library (the Lumeo NuGet package and its satellites Lumeo.Charts / Lumeo.DataGrid / Lumeo.Editor / Lumeo.Scheduler / Lumeo.Gantt / Lumeo.Motion), or when the user mentions Lumeo components (Button, DataGrid, Sheet, Dialog, Tabs, DatePicker, Toast…
address-pr-feedback
Address unresolved GitHub pull request review feedback in PKMDS-Blazor. Use when asked to handle PR comments, review threads, requested changes, or reviewer follow-up.
implement-issue
Implement a PKMDS-Blazor GitHub issue end to end. Use when asked to investigate and implement an issue, bug, feature request, or feature-parity item and prepare it for review.
sync-repos
Synchronize external repositories used by PKMDS-Blazor. Use when asked to sync, get latest, refresh related repos, inspect upstream changes, or prepare work that depends on current PKHeX, PokeAPI, Pokemon Showdown, sprites, or plugin sources.
blazorbindings-maui-third-party
Integrate third-party .NET MAUI control libraries into BlazorBindings.Maui apps by generating Razor wrappers, registering attached properties, and bridging to native elements for imperative APIs such as popups or bottom sheets. Use when adding, updating, or troubleshooting a MAUI control package in a…
csharp-dotnet
Use when writing, reviewing, testing, or shipping C# / .NET code — ASP.NET Core APIs (minimal APIs vs controllers), EF Core data access, async correctness, solution layout in .cs/.csproj/.sln. NOT a Java/Spring backend (that is spring-boot), NOT a Node/TypeScript backend (that is nestjs), NOT framework-neutral REST…