ui-convert-extractor-razor
Installation
SKILL.md
Razor Pages/MVC Extractor
Converts ASP.NET Core Razor Pages and MVC views (.cshtml) into Design IR.
What This Extracts
| Source Pattern | IR Output |
|---|---|
HTML in .cshtml |
Node tree |
<div class="..."> |
Frame (fr) |
<form asp-action="..."> |
Frame (fr) |
<input asp-for="..." /> |
Input (inp) |
Tag helpers (<a asp-page="...">) |
Button/text with link |
@if (condition) { } |
Primary branch |
@foreach (var item in Model.Items) { } |
One iteration |
@RenderSection("Scripts") |
Ignored (non-visual) |
@RenderBody() |
Content placeholder frame |
Partial views (<partial name="..." />) |
Inline the partial content |
Related skills