Agent UI para desenvolvedores

Deixe a IA criar o app. Abra o código quando quiser. Todo app já vem com o seu próprio servidor MCP, e a CLI permite baixar o app para o seu editor, trabalhar com o seu assistente de código e publicar de volta.

npm install -g @agentuiai/cli

Requer Node.js 22 ou superior.

$ agentui auth login
✓ Signed in as you@acme.com
$ agentui project sync <workflow-id>
✓ entities/ pages/ components/ functions/ mcp/
$ claude "add a reorder button to the stock page"
$ agentui validate --all
✓ No problems found
$ agentui project push --build
✓ Build finished · development
Funciona com
  • Claude Code
  • Cursor
  • Codex
  • VS Code Copilot
  • ChatGPT
  • Windsurf
Integrado

Todo app vem com o seu próprio servidor MCP.

Ative e o Claude, o ChatGPT, o Cursor ou qualquer cliente MCP pode consultar e alterar os dados do seu app em nome de alguém, vendo só o que essa pessoa tem permissão para ver. Sem servidor para hospedar e sem código para escrever.

  • Ferramentas de dados geradas para cada tabela: list, get, count, create, update e delete
  • Um endereço por ambiente, desativado até você ativar
  • Conexões só de leitura ou de leitura e escrita, e você pode revogar qualquer uma
  • Regras de Data Security verificadas em cada chamada
  • Guias e ferramentas personalizadas que ensinam os seus procedimentos aos assistentes
Como ativar o MCP
  • data_orders_list
  • data_orders_get
  • data_orders_count
  • data_orders_create
  • data_orders_update
  • data_orders_delete
  • tool_summarize_overdue_invoices

Seu app é só uma pasta

Sincronize um app e você recebe o código real: tabelas de dados em JSON, páginas, componentes, funções de backend e ferramentas de IA personalizadas. O AGENTS.md e o CLAUDE.md ensinam ao seu assistente de código como os apps da Agent UI são construídos.

  • Edite em qualquer editor
  • Valide com o mesmo validador que a plataforma usa
  • Publique e recompile com um só comando
acme-stock/
entities/ tabelas de dados em JSON
pages/
components/
functions/ → /api/<name>
mcp/ ferramentas de IA personalizadas
Layout.jsx
AGENTS.md
.claude/CLAUDE.md

O ciclo de edição

Altere os arquivos você mesmo ou peça ao seu assistente. Valide, compare e publique no ambiente que você escolher. Cada ambiente tem o seu próprio banco de dados.

  • agentui validate --all
  • agentui project diff
  • agentui project push --build
$ agentui project diff
  M pages/Stock.jsx
  A functions/reorder.js
$ agentui project push --build
✓ Uploaded 2 files
✓ Build finished · development

Conecte o seu assistente com MCP

O servidor MCP da Agent UI permite que o Claude, o ChatGPT, o Cursor ou o VS Code criem apps e tabelas, leiam e atualizem registros e executem os procedimentos do seu app, sempre com as permissões da pessoa que entrou. Nada para instalar e nenhuma chave de API para copiar.

Agent UI Apps

Crie apps só de dados, defina as tabelas e mantenha os registros em dia.

https://api.agentui.ai/mcp/apps

Seu app

Um endereço por ambiente, copiado do painel de assistentes de IA do app. Ele só vê o que o usuário conectado pode ver.

Como ativar →
$ claude mcp add --transport http agentui-apps https://api.agentui.ai/mcp/apps

O que você pode pedir

  • Crie um app de dados chamado Visitas de Campo com uma tabela Visitas
  • Adicione um campo de status que só aceite planejada, concluída ou cancelada
  • Importe estas 40 linhas da planilha que eu colei
  • Mostre todos os pedidos em aberto acima de 500
  • Marque como atrasados os pedidos em aberto do mês passado
  • Resuma as faturas vencidas deste cliente

Ferramentas MCP personalizadas

Ensine a um assistente um procedimento do seu app, como resumir faturas vencidas ou fechar um chamado e avisar o responsável. Peça no chat do app e a Agent UI escreve a ferramenta como um arquivo na pasta mcp do seu app.

  • Roda como o usuário conectado ao app
  • As regras de Data Security continuam valendo
  • Ative ou desative cada ferramenta
  • A Agent UI escreve o arquivo para você
import { defineTool } from "@/mcp";
import { Invoice } from "@/entities/Invoice";

export default defineTool({
  description: "Summarize a customer's overdue invoices",
  input: { /* JSON Schema: customerId */ },
  annotations: { readOnlyHint: true },

  async run({ customerId }) {
    const rows = await Invoice.filter({
      customer_id: customerId,
      status: "overdue",
    });
    return { count: rows.length };
  },
});

Funções de backend, APIs e sinais do app

Cada arquivo em functions/ fica acessível em /api/<name>. Conecte APIs que a Agent UI ainda não suporta, guarde as chaves em segredos e envie mensagens do app em execução direto para o chat de criação com console.human.

  • Teste funções e leia os logs pela CLI
  • Os valores dos segredos ficam no servidor
  • Ambientes separados de desenvolvimento, homologação e produção
import { Stock } from "@/entities/Stock";

export default async function (ctx) {
  const item = await Stock.get(ctx.body.id);
  await Stock.update(item.key, { reorder: true });

  return { ok: true };
}

Ferramentas para desenvolvedores

Instale a CLI e baixe o seu primeiro app.

npm install -g @agentuiai/cliGrátis e com licença MIT. Requer Node.js 22 ou superior.

Ler a documentação da CLIComece a criar grátis

Explore pelo que você precisa criar

Cada ferramenta abaixo funciona com os dados que você já tem, com permissões por função, histórico completo de alterações e uma pessoa de verdade por trás.

Ver todos os casos de uso →