REACT + TYPESCRIPT / WEBMCP
Your functions.
Agent ready.
Define what an agent can do.
Connect the code you already trust.
Imported contracts are editable here. Studio creates one Handler test per tool from the sample values below. Other imported test steps, UI assertions, and native browser settings are not retained. Keep your original configuration if you need those tests.
TOOL CONTRACT
catalog.search
Use the name and module of a function in your app. This website does not inspect your source.
Objects require properties, required, and additionalProperties: false. Supported types: object, array, string, number, integer, boolean, null. References and executable validators are not supported.
Make the expectation explicit.
Check sample values against your schemas. These checks do not execute your application handler.
Both values are included as a real regression case in your downloaded configuration. Run it against your app with the Latch CLI.
Connect it to your project.
A loopback URL for running tests on your own computer.
For a React binding, use this same file as its source module.
Get the runtime packages
Install the six matching Latch 1.0.0 packages and configure the overrides in the included installation guide.
Download runtime packages ↓Review your generated integration
Download the integration and keep the files under preview/ for review. Put latch.config.json in your app and add // @latch:mount inside its owning component.
Validate against your real app
The CLI resolves your handlers, compiles the integration, and produces the installation diff before you apply it.
pnpm exec latch generate pnpm exec latch check pnpm exec latch apply pnpm exec latch test
Connect your site. Verify every action.
Generation happens here. Application tests run against your own project.