sp_to_react

THE RISK

Medium Risk

Why sp_to_react needs a policy

This tool transforms/converts existing HTML/Tailwind code into React/Next.js components. It creates new code artifacts (Write) but does not execute code, delete data, or involve financial transactions. Misuse could generate incorrect or malicious component code, but the blast radius is limited to code generation outputs.

From the tool's definition Convert HTML/Tailwind to Next.js/React components with proper state, props, hooks, and optional shadcn/radix/MUI mapping

Documented attack patterns abuse exactly the kind of access sp_to_react gives an agent:

POLICY

How to control sp_to_react

PolicyLayer is an MCP gateway — it sits between your AI agents and Stitch Pro, and nothing reaches the server without passing your rules. This is the rule we recommend for sp_to_react:

policy.json

{
  "version": "1",
  "default": "deny",
  "tools": {
    "sp_to_react": {
      "limits": [
        {
          "counter": "sp_to_react_rate",
          "window": "minute",
          "max": 30,
          "scope": "grant"
        }
      ]
    }
  }
}

sp_to_react stays usable, but capped — an agent stuck in a loop can't make hundreds of changes a minute. Everything else on the server is denied unless you say otherwise.

Create a free account and register Stitch Pro — nothing to install.
Add this policy — paste it, or build it visually.
Point your MCP client (Claude, Cursor, anything) at your gateway URL.

LIMIT THIS TOOL →

Free to start. No card required.

EXPLORE

Related tools and policies

More Stitch Pro tools

Execute sp_a11y Run WCAG 2.1 AA accessibility audit on HTML and auto-fix issues (contrast, semantics, ARIA Execute sp_auto Describe what you want in plain English. Automatically chains design system creation, page Execute sp_to_svelte Convert HTML/Tailwind to SvelteKit components with Svelte 5 runes ($state) and optional co Execute sp_to_vue Convert HTML/Tailwind to Vue 3 Single File Components with Composition API and optional co Execute sp_smart_convert Converts HTML to a framework, but auto-detects if it needs accessibility fixes and respons Write sp_flow Generate multiple related screens (e.g., login → dashboard → settings) in one call with co Write sp_responsive Make HTML responsive by injecting Tailwind breakpoints for mobile, tablet, and desktop Write sp_create_project Create a new Stitch project. Returns the project ID needed for sp_generate and sp_auto.

All 17 Stitch Pro tools →

Write tools on other servers

M-Team MCP Server download_torrent YouTube MCP Server generate_video_title Android Forensics ADB MCP Server combine_reports 0xarchive web3_signup

Go deeper

The MCP Attack Database → Documented attack patterns against MCP deployments — and the policies that stop them.
Argument validation → Checking tool call arguments against schema and policy before they run.
Scoped token → Per-person credentials that grant a defined subset of servers and tools.
Rate Limiting MCP Tool Calls: A Practical Guide →
MCP Security: Why Prompt Guardrails Aren't Enough →

FAQ

Questions about sp_to_react

What does the sp_to_react tool do? +

Convert HTML/Tailwind to Next.js/React components with proper state, props, hooks, and optional shadcn/radix/MUI mapping. It is categorised as a Write tool in the Stitch Pro MCP Server, which means it can create or modify data. Consider rate limits to prevent runaway writes.

How do I enforce a policy on sp_to_react? +

Register the Stitch Pro MCP server in PolicyLayer and add a rule for sp_to_react: allow, deny, rate-limit, or require approval. Point your MCP client at the PolicyLayer proxy URL and the rule is enforced on every call, before it reaches Stitch Pro. Nothing to install.

What risk level is sp_to_react? +

sp_to_react is a Write tool with medium risk. Write tools should be rate-limited to prevent accidental bulk modifications.

Can I rate-limit sp_to_react? +

Yes. Add a rate_limit block to the sp_to_react rule in your PolicyLayer policy. For example, setting max: 10 and window: 60 limits the tool to 10 calls per minute. Rate limits are tracked per agent session and reset automatically.

How do I block sp_to_react completely? +

Set action: deny in the PolicyLayer policy for sp_to_react. The AI agent will receive a policy violation error and cannot call the tool. You can also include a reason field to explain why the tool is blocked.

What MCP server provides sp_to_react? +

sp_to_react is provided by the Stitch Pro MCP server (luciferdono/stitch-pro-mcp). PolicyLayer sits as a proxy in front of this server to enforce policies before tool calls reach the server.

Enforce policy on every Stitch Pro tool call.

Start from Stitch Pro, add the rest of your stack, and see everything your agents can call. Then put policy on all of it.

CHECK YOUR STACK →