Skip to main content
Glama

Edit a component

patch_component

Apply exact source replacements to an existing component in one compile. Each replacement needs find, replace, all (false for a unique match). Empty replace deletes a span. Returns the Asset ID. Build and type-check failures reject the write before committing. The previous source and revision remain intact. Warnings do not block the build. Fix errors; do not chase warnings unrelated to visible defects. branchId null (or left out) means the current version; a version id from list_branches writes that version without switching the editor to it. Skills: load builtin-vidova-basics before the first component write, builtin-fonts before the first fontFamily, builtin-data-files before the first DataSrc prop (a map or chart from an uploaded data file), builtin-layout-flexbox before the first flex layout (a row of chips or pills, a card around text), and builtin-film-custom-components before the first placement with patch_film. A loaded skill stays loaded for the conversation: never load it again. Import @vidova/2d, @vidova/core and the packages in builtin-component-libraries; for a 3D scene also @vidova/components (View3D), three/webgpu and three/tsl, after loading builtin-3d. Export the named class and write atTime(time, duration), the only animation API: it sets every animated property from time and never yields or awaits. A source that declares an animate(), animateIn() or animateOut() generator is refused. Media signals use VideoSrc or AssetSrc, never string. Never shadow Node methods such as draw, scale or position. Use import_element for an unchanged library element and scaffold_component for a skeleton. name shared/ writes a shared module instead: plain TypeScript exports (functions, constants, types; no class, no Asset ID) at src/components/custom/shared/.ts that components import as ./shared/. The whole project is compiled and the write is rejected when a component that imports it breaks. Components import each other as ./Name; the parent calls child.atTime(time, duration) itself.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
nameYesComponent class name, a JavaScript identifier, or shared/<name> for a shared module that components import as ./shared/<name>.
branchIdYesVersion id from list_branches to write to, without switching the editor to it. null, or leaving it out, means the current version.
projectIdYesThe project this call runs on without changing the open project. null (or leaving it out) uses the open project. wait_for_jobs takes the projectId of the calls that started the jobs.
replacementsYes

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observed

TDQS

A4.7/5.0
Behavior5/5

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

With annotations already declaring readOnly=false, destructive=false, idempotent=false, the description goes well beyond them: build and type-check failures reject the write before committing, the previous source and revision remain intact, warnings do not block the build, and the return is the Asset ID. It also discloses the project-wide compile blast radius and the animation-API restrictions (atTime only; animate/animateIn/animateOut generators refused).

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

Conciseness3/5

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

Front-loaded with the core operation, which is good, but the body is a dense wall that mixes several concerns (skill-loading order, import lists, animation API, shared modules, cross-component wiring). Most sentences carry real constraints, yet the skill-loading enumeration and import guidance are verbose and could be tightened or delegated to the skill docs themselves.

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

Completeness5/5

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

No output schema exists, and the description covers the return value (Asset ID), the rejection behavior, revision retention, the shared-module alternative for name, and the cross-component compilation implications. For a mutation tool with 4 required params and a project-wide side effect, nothing essential is missing.

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

Parameters4/5

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

Schema coverage is 75%, so the description partly compensates: it clarifies that replacements are applied together 'in one compile', that an empty replace deletes a span, and that branchId writes a version without switching the editor. Some of this restates the schema descriptions, but the atomic-application framing and the Asset ID return add meaning beyond the field-level docs.

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?

States a specific verb and resource — 'Apply exact source replacements to an existing component in one compile' — and immediately contrasts with named siblings ('Use import_element for an unchanged library element and scaffold_component for a skeleton'). An agent can distinguish this from replace_component, scaffold_component, and import_element without opening any schema.

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

Usage Guidelines5/5

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

Explicit routing: alternatives are named for adjacent cases (import_element, scaffold_component, patch_film placement), and the preconditions are spelled out (which builtin skills to load before the first component write, first fontFamily, first DataSrc prop, first flex layout). It also states when to use branchId vs. the current version.

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.