sp_to_svelte

MCP tool from Stitch Pro MCP by LuciferDono

HTML → SvelteKit components with Svelte 5 $state runes

How to use it

sp_to_svelte is exposed by the Stitch Pro MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the sp_to_svelte tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.

Install Stitch Pro MCP

$npx stitch-pro-mcp

FULL STITCH PRO MCP LISTING

Other tools in Stitch Pro MCP (13)

sp_a11y

WCAG 2.1 AA audit with auto-fix — contrast, ARIA, semantics, touch targets, lang attr

sp_create_project

Create a new Stitch project. Returns the project ID needed for generation tools.

sp_design_apply

Apply a design system to existing HTML — CSS variable injection, font/color enforcement

sp_design_create

Generate a complete design system from a brand description — colors, typography, spacing, rules

sp_extract

Map HTML elements to shadcn/radix/MUI components with confidence scoring

sp_flow

Generate multi-screen flows (login → dashboard → settings) in one call

sp_generate

Generate a UI page with full pipeline — design system, a11y, responsive, framework conversion

sp_projects

List all Stitch projects

sp_responsive

Inject Tailwind responsive breakpoints for mobile, tablet, desktop

sp_screen

Get a screen's HTML source and image URL

sp_screens

List screens in a project

sp_to_react

HTML → Next.js/React .tsx with useState, event handlers, component extraction

sp_to_vue

HTML → Vue 3 SFCs with <script setup>, ref(), @event bindings