ui-convert-extractor-angular
Installation
SKILL.md
Angular Extractor
Converts Angular components into Design IR. Reads both inline and external templates, resolves component styles, and maps Angular-specific patterns to IR nodes.
What This Extracts
| Source Pattern | IR Output |
|---|---|
<div>...</div> |
Frame node (fr) |
<button (click)="...">Submit</button> |
Button node (btn) |
<input [(ngModel)]="..." /> |
Input node (inp) |
<img [src]="..." /> |
Image node (img) |
<mat-card> (Angular Material) |
Card node (crd) |
<mat-dialog> |
Modal node (mdl) |
<mat-tab-group> |
Tab node (tab) |
<router-outlet> |
Placeholder frame |
*ngIf="condition" |
Primary branch only |
*ngFor="let item of items" |
One iteration |