stitch-pro-mcp

Convert to Vue

sp_to_vue

Read-onlyIdempotent

Convert HTML/Tailwind source into Vue 3 Single File Components using the Composition API, with optional component library mapping.

Instructions

Convert HTML/Tailwind to Vue 3 Single File Components with Composition API and optional component library mapping

Tool call template

Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.

{
  "id": 1,
  "jsonrpc": "2.0",
  "method": "tools/call",
  "params": {
    "arguments": {
      "html": "<html>"
    },
    "name": "sp_to_vue"
  }
}

Input Schema

Name	Required	Description	Default
`html`	Yes	HTML/Tailwind source to convert
`componentLibrary`	No		none
`appRouter`	No	Use Next.js App Router (React only)

Schema Changelog

Changes observed during successful MCP inspections.

First observedv0.2.0May 26, 2026

TDQS

A4.1/5.0

Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations provide readOnlyHint=true, destructiveHint=false, idempotentHint=true, indicating a safe, read-only conversion. The description adds behavioral context by specifying the output as Vue 3 SFCs with Composition API and optional library mapping, which goes beyond annotations. No contradictions.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, well-structured sentence that front-loads the core action ('Convert HTML/Tailwind to Vue 3 Single File Components') and includes key modifiers. Every part earns its place with no wasted words.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The description covers main purpose and component library mapping, but does not explain the output format beyond 'Single File Components' or address the appRouter parameter's relevance to Vue. With no output schema, the agent lacks details on return values. The appRouter parameter's misleading description further reduces completeness.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The description adds meaning for the componentLibrary parameter ('optional component library mapping'), which lacks a description in the schema. However, the appRouter parameter's schema description says 'Use Next.js App Router (React only)', which is misleading for a Vue tool, and the description does not clarify. With 67% schema coverage, the description partially compensates but leaves ambiguity.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool converts HTML/Tailwind to Vue 3 Single File Components with Composition API and optional component library mapping. The verb 'convert' and specific target 'Vue 3 SFCs' distinguish it from sibling tools like sp_to_react and sp_to_svelte.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage for Vue conversions via tool name and target mention, and specifies the output format (Composition API, library mapping). However, it does not explicitly state when not to use or provide direct alternatives among siblings. No exclusions or prerequisites are mentioned.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Deploy Server