ui-convert-extractor-svelte
Installation
SKILL.md
Svelte Extractor
Converts Svelte components (.svelte files) into Design IR. Handles both Svelte and SvelteKit.
What This Extracts
| Source Pattern | IR Output |
|---|---|
HTML markup in .svelte |
Node tree |
<div class="..."> |
Frame node (fr) |
<button on:click={...}> |
Button node (btn) |
{#if condition} |
Primary branch only |
{#each items as item} |
One iteration |
<slot> |
Placeholder/content area |
<svelte:component> |
Dynamic component (extract default) |