Agent UI per sviluppatori

Lascia che sia l'IA a creare l'app. Apri il codice quando vuoi. Ogni app ha il suo server MCP, e con la CLI la scarichi nel tuo editor, ci lavori con il tuo assistente di programmazione e la ripubblichi.

npm install -g @agentuiai/cli

Richiede Node.js 22 o successivo.

$ 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
Funziona con
  • Claude Code
  • Cursor
  • Codex
  • VS Code Copilot
  • ChatGPT
  • Windsurf
Integrato

Ogni app ha il suo server MCP.

Attivalo e Claude, ChatGPT, Cursor o qualsiasi client MCP possono consultare e modificare i dati della tua app per conto di una persona, vedendo solo ciò che quella persona è autorizzata a vedere. Nessun server da ospitare, nessun codice da scrivere.

  • Tool sui dati generati per ogni tabella: list, get, count, create, update e delete
  • Un indirizzo per ambiente, disattivato finché non lo attivi
  • Connessioni in sola lettura o in lettura e scrittura, e puoi revocarle in qualsiasi momento
  • Regole di Data Security verificate a ogni chiamata
  • Guide e tool personalizzati che insegnano agli assistenti le tue procedure
Come attivare MCP
  • data_orders_list
  • data_orders_get
  • data_orders_count
  • data_orders_create
  • data_orders_update
  • data_orders_delete
  • tool_summarize_overdue_invoices

La tua app è solo una cartella

Sincronizza un'app e ottieni il suo codice reale: tabelle di dati in JSON, pagine, componenti, funzioni backend e tool di IA personalizzati. AGENTS.md e CLAUDE.md spiegano al tuo assistente di programmazione come sono fatte le app Agent UI.

  • Modificala in qualsiasi editor
  • Verificala con lo stesso validatore usato dalla piattaforma
  • Pubblica e ricompila con un solo comando
acme-stock/
entities/ tabelle di dati in JSON
pages/
components/
functions/ → /api/<name>
mcp/ tool di IA personalizzati
Layout.jsx
AGENTS.md
.claude/CLAUDE.md

Il ciclo di modifica

Modifica i file tu stesso o chiedi al tuo assistente di farlo. Verifica, confronta e pubblica nell'ambiente che scegli. Ogni ambiente ha il suo database.

  • 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

Collega il tuo assistente con MCP

Il server MCP di Agent UI permette a Claude, ChatGPT, Cursor o VS Code di creare app e tabelle, leggere e aggiornare record ed eseguire le procedure della tua app, sempre con i permessi della persona che ha effettuato l'accesso. Niente da installare, nessuna API key da copiare.

Agent UI Apps

Crea app di soli dati, definisci le loro tabelle e tieni aggiornati i record.

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

La tua app

Un indirizzo per ambiente, da copiare dal pannello degli assistenti IA dell'app. Vede solo ciò che può vedere l'utente che ha effettuato l'accesso.

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

Cosa puoi chiedere

  • Crea un'app di dati chiamata Visite sul campo con una tabella Visite
  • Aggiungi un campo stato che possa essere solo pianificata, completata o annullata
  • Importa queste 40 righe dal foglio di calcolo che ho incollato
  • Mostra tutti gli ordini aperti sopra 500
  • Segna come in ritardo gli ordini ancora aperti del mese scorso
  • Riassumi le fatture scadute di questo cliente

Tool MCP personalizzati

Insegna a un assistente una procedura della tua app, come riassumere le fatture scadute o chiudere un ticket e avvisare il responsabile. Chiedilo nella chat dell'app e Agent UI scrive il tool come file nella cartella mcp della tua app.

  • Viene eseguito come l'utente dell'app che ha effettuato l'accesso
  • Le regole di Data Security restano valide
  • Attiva o disattiva ogni tool
  • Agent UI scrive il file per te
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 };
  },
});

Funzioni backend, API e segnali dall'app

Ogni file in functions/ è raggiungibile su /api/<name>. Collega API che Agent UI non supporta ancora, conserva le chiavi nei segreti e invia messaggi dalla tua app in esecuzione direttamente nella chat di creazione con console.human.

  • Testa le funzioni e leggi i loro log dalla CLI
  • I valori dei segreti restano sul server
  • Ambienti di sviluppo, staging e produzione separati
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 };
}

Strumenti per sviluppatori

Installa la CLI e scarica la tua prima app.

npm install -g @agentuiai/cliGratuita e con licenza MIT. Richiede Node.js 22 o successivo.

Leggi la documentazione della CLIInizia a creare gratis

Scegli in base a cosa devi creare

Ogni strumento qui sotto funziona con i dati che hai già, con accessi basati sui ruoli, un audit trail completo e una persona vera al tuo fianco.

Vedi tutti i casi d'uso →