Skip to main content
Glama

vorn_ui_to_react

UI to React (free): Describe a UI component or interface and get clean, production-ready React + Tailwind code.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
inputYesThe message or prompt to send to this app.
api_keyNoDEPRECATED fallback: send your Vorn agent key (vorn_agent_*) as the HTTP header "Authorization: Bearer <key>" instead; the header wins. A key is required to call this tool and the call is billed only to that agent.
idempotency_keyNoOptional. Reuse the same value to retry a call safely: a completed run is returned from its receipt and never billed twice.

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observed

TDQS

B3.4/5.0
Behavior3/5

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

With no annotations, the description must carry behavioral disclosure, and it does contribute one meaningful trait: the tool is '(free)'. It also implicitly characterizes the output as 'clean, production-ready'. However, it says nothing about required auth, billing semantics, latency, or failure modes — details that live only in the schema's api_key description rather than the tool description itself.

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?

One tightly written sentence that front-loads the input action and follows with the promised output. No filler, no redundancy.

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

Completeness4/5

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

For a low-complexity, single-required-parameter generator with no output schema, the description covers both the input expectation and the return artifact (React + Tailwind code). It omits auth prerequisites, but those are already spelled out in the schema's api_key field, so the remaining gap is minor.

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?

Schema description coverage is 100%, so every parameter (input, api_key, idempotency_key) is already documented in the schema, including billing and retry semantics. The description adds no parameter-level meaning beyond that, making the baseline 3 appropriate.

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

Purpose4/5

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

The description states a specific transformation: given a described UI component/interface, produce React + Tailwind code. That is a concrete verb+resource that clearly separates it from siblings like vorn_code_review or vorn_feature_spec. It does not explicitly name or compare against alternatives, so it falls just short of a 5.

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

Usage Guidelines2/5

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

There is no statement of when to reach for this tool versus the many other vorn_* generators, no prerequisites, and no exclusions. The only guidance-adjacent signal is the '(free)' tag, which hints at cost but not at usage conditions.

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

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources