ui-convert-extractor-blazor
Installation
SKILL.md
Blazor Extractor
Converts Blazor components (.razor files with @code blocks) into Design IR.
What This Extracts
| Source Pattern | IR Output |
|---|---|
HTML markup in .razor |
Node tree |
<div class="..."> |
Frame node (fr) |
<button @onclick="..."> |
Button node (btn) |
<InputText @bind-Value="..." /> |
Input node (inp) |
@if (condition) { } |
Primary branch |
@foreach (var item in items) { } |
One iteration |
<MudButton> (MudBlazor) |
Button node (btn) |
<MudCard> |
Card node (crd) |
<RenderFragment> |
Content placeholder |
Related skills