Agent-Native Forms MCP Server

io.github.BuilderIO/agent-native-forms

Agent-Native form builder—create, edit, and manage forms with AI agents and shared UI actions.

What is the Agent-Native Forms MCP server?

Agent-Native Forms is an MCP server that exposes form-building capabilities from the Agent-Native framework, enabling AI agents to create, edit, and manage forms through shared actions. It integrates with Agent-Native's architecture where agents and UIs call the same underlying actions, providing consistent form management across autonomous work and user interfaces.

Agent-Native Forms lets you build and manage forms programmatically through an MCP interface. It's part of the Agent-Native framework, which pairs autonomous agent work with purpose-built UIs. Use this server to have Claude or other AI agents create forms, modify form definitions, and manage form data—all while keeping the same actions available to your UI layer.

How to install Agent-Native Forms

Copy-paste configuration for popular MCP clients.

transport: http

Config generated by PluginBench — verify against the source before use.

~/.cursor/mcp.json

{
  "mcpServers": {
    "agent-native-forms": {
      "url": "https://forms.agent-native.com/mcp"
    }
  }
}

Use cases

Have an AI agent generate and configure forms based on user requirements or data schemas
Automate form creation and updates as part of larger agent workflows
Build forms that are accessible to both agents (via MCP) and user interfaces (via React hooks) from a single action definition
Create dynamic forms that respond to agent-driven changes in real-time
Manage form validation and permissions consistently across agent and UI surfaces

Agent-Native Forms MCP server FAQ

What is Agent-Native Forms?

Agent-Native Forms is an MCP server that provides form-building and management capabilities from the Agent-Native framework. It allows AI agents to create, edit, and manage forms through the same action layer used by the UI, ensuring consistency between agent work and user interfaces.

Is Agent-Native free to use?

Yes, Agent-Native is open-source under the MIT license. You can use it freely and modify it for your needs.

How do I install this in Claude or Cursor?

Connect to the remote MCP server at https://forms.agent-native.com/mcp. You'll need to configure your Claude or Cursor settings to point to this endpoint.

Do I need authentication to use Agent-Native Forms?

Agent-Native includes built-in authentication and permissions controls. You configure access based on your application's needs, and the framework handles permission checks for all action calls.

What database does Agent-Native use?

Agent-Native uses PostgreSQL in production and PGlite for local development. You bring your own database and infrastructure.

Can agents and UIs share the same form actions?

Yes—that's the core design of Agent-Native. You define each form capability once as an action, and both the agent (via MCP) and the UI (via React) call the same implementation with the same validation and permissions.

README (reference)

Source of truth, from the repository.

Agent-Native

Agent-Native is an open-source TypeScript framework for building agents that pair autonomous work with a purpose-built UI. Define each capability once as an action: the agent uses it as a tool, and the UI calls it from code.

Quick start

npx --yes @agent-native/core@latest create my-agent --standalone --template chat

Follow the getting started guide for a full intro to the framework.

Why build agents with UIs?

Coding agents work with more than a text box. Their environment provides context, tools, files, tests, and previews that make their capabilities and results visible.

Knowledge work needs that same kind of environment. A UI shows what an agent can do and gives people familiar ways to inspect, edit, approve, and share its work.

How Agent-Native works

Shared actions. The agent calls each capability as a tool, and the UI calls it from code. Both paths use the same validation, permissions, and implementation.
Shared data. Work done by the agent appears in the UI, and work done in the UI is available to the agent.
Shared application state. The agent receives relevant UI state, such as the current page, selected record, or active view.

The agent does not click through the UI. It works through the same action layer as the UI.

Example: a shared action

Create actions/hello.ts:

import { defineAction } from "@agent-native/core/action";
import { z } from "zod";

// One action powers every app surface: UI, agent, HTTP, MCP, A2A, and CLI.
export default defineAction({
  description: "Return a friendly greeting.",
  schema: z.object({
    name: z.string().default("world").describe("Name to greet"),
  }),
  http: { method: "GET" },
  run: async ({ name }) => {
    return { message: `Hello, ${name}!` };
  },
});

The agent receives hello as a tool. React calls the same function with useActionQuery("hello", { name: "Alex" }). Agent-Native also exposes it through HTTP, MCP, A2A, and the CLI.

Included

Agent chat: Let people delegate work, ask questions, and review results in the same UI.
Authentication and permissions: Control who can access and change shared work.
Skills and memory: Give agents reusable expertise and persistent context.
Automations: Run agent work on schedules or events.
Agent teams: Delegate work to specialist agents in the same workspace or across connected agents.
PostgreSQL backend: Use PostgreSQL in production and PGlite for local development on any Nitro-compatible host.

Example: edit a running app visually

Use /visual-edit in Claude Code to edit a running app on a canvas instead of prompting for each small UI nudge. Compare live pages together, then ask Claude to apply the chosen edits to your source. For example:

/visual-edit the onboarding flow, plus home at every breakpoint

Review the onboarding screens alongside Home at desktop, tablet, and mobile sizes, adjust a button's color or spacing directly, then ask Claude to apply the pending edits to your source. See the Visual Edit guide for the full walkthrough and sharing details.

Bring your LLM, SQL database, tools, and infrastructure. Everything you build stays yours.

See Agent-Native in action:

https://github.com/user-attachments/assets/ef51644b-6506-46d8-8083-0af7b7e5b65c