用途：把 HTML 来源（Stitch 屏幕、本地 HTML 文件或 URL）转换为符合 Svelte 5 / SvelteKit 习惯的组件。仅针对 Svelte，官方 react-components 技能面向 Vite/React，项目使用 SvelteKit 时应选此技能。
主要能力：使用 runes API（$state、$props、$derived、$effect），不使用旧式 export let、$: 等语法；组件采用作用域 CSS 与自定义属性做主题，使用内置 Svelte 过渡与动画，并默认输出可访问标记。
使用方式：先取得 HTML 到 temp/source.html。Stitch 屏幕需 MCP：list_tools 发现前缀、get_screen 取设计 JSON，再用 bash scripts/fetch-stitch.sh "[htmlCode.downloadUrl]" "temp/source.html" 下载。本地文件用 mkdir -p temp && cp "path/to/design.html" temp/source.html。URL 同样用该脚本，它是通用下载器，可跟随重定向、重试、处理 gzip，且不限于 Stitch。按 SvelteKit 约定放置文件：页面在 src/routes/ 的 +page.svelte，复用组件在 src/lib/components/，导入用 $lib/。设计令牌在 src/app.css 定义于 :root 与 [data-theme='dark']，组件内引用。
适用场景：目标项目为 SvelteKit 或独立 Svelte 5；看到 .svelte、svelte.config.js、+page.svelte；用户提到 svelte、sveltekit、$state、$props 或 runes。
限制：截图无上传路径，需用文本提示生成或手写 HTML；URL 路线只下载单个 HTML 响应，外链样式可能不同步；only Stitch 路线需 API key；令牌无法解析时应说明而非编造。前置需 Svelte 5（package.json 中 "svelte": "^5"）。