Agent UI pour les développeurs

Laissez l'IA créer l'app. Ouvrez le code quand vous le souhaitez. Chaque app est livrée avec son propre serveur MCP, et la CLI vous permet de la récupérer dans votre éditeur, de travailler avec votre assistant de code et de la republier.

npm install -g @agentuiai/cli

Nécessite Node.js 22 ou version ultérieure.

$ 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
Compatible avec
  • Claude Code
  • Cursor
  • Codex
  • VS Code Copilot
  • ChatGPT
  • Windsurf
Intégré

Chaque app a son propre serveur MCP.

Activez-le et Claude, ChatGPT, Cursor ou tout client MCP peut consulter et modifier les données de votre app pour le compte d'une personne, en ne voyant que ce que cette personne a le droit de voir. Aucun serveur à héberger, aucun code à écrire.

  • Des outils de données générés pour chaque table : list, get, count, create, update et delete
  • Une adresse par environnement, désactivée tant que vous ne l'activez pas
  • Des connexions en lecture seule ou en lecture-écriture, révocables à tout moment
  • Les règles Data Security vérifiées à chaque appel
  • Des guides et des outils sur mesure qui apprennent vos procédures aux assistants
Comment activer le MCP
  • data_orders_list
  • data_orders_get
  • data_orders_count
  • data_orders_create
  • data_orders_update
  • data_orders_delete
  • tool_summarize_overdue_invoices

Votre app n'est qu'un dossier

Synchronisez une app et vous obtenez son vrai code : tables de données en JSON, pages, composants, fonctions backend et outils d'IA sur mesure. AGENTS.md et CLAUDE.md expliquent à votre assistant de code comment sont construites les apps Agent UI.

  • Modifiez-la dans n'importe quel éditeur
  • Vérifiez-la avec le même validateur que la plateforme
  • Publiez et reconstruisez en une seule commande
acme-stock/
entities/ tables de données en JSON
pages/
components/
functions/ → /api/<name>
mcp/ outils d'IA sur mesure
Layout.jsx
AGENTS.md
.claude/CLAUDE.md

La boucle de modification

Modifiez les fichiers vous-même ou demandez-le à votre assistant. Vérifiez, comparez et publiez dans l'environnement de votre choix. Chaque environnement a sa propre base de données.

  • 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

Connectez votre assistant avec le MCP

Le serveur MCP d'Agent UI permet à Claude, ChatGPT, Cursor ou VS Code de créer des apps et des tables, de lire et de mettre à jour des enregistrements et d'exécuter les procédures de votre app, toujours avec les permissions de la personne connectée. Rien à installer, aucune clé API à copier.

Agent UI Apps

Créez des apps de données, structurez leurs tables et tenez vos enregistrements à jour.

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

Votre app

Une adresse par environnement, copiée depuis le panneau Assistants IA de l'app. Elle ne voit que ce que l'utilisateur connecté a le droit de voir.

Comment l'activer →
$ claude mcp add --transport http agentui-apps https://api.agentui.ai/mcp/apps

Ce que vous pouvez demander

  • Crée une app de données appelée Visites terrain avec une table Visites
  • Ajoute un champ statut qui ne peut valoir que prévu, fait ou annulé
  • Importe ces 40 lignes du tableur que je viens de coller
  • Affiche toutes les commandes en cours de plus de 500
  • Marque les commandes en cours du mois dernier comme en retard
  • Résume les factures impayées de ce client

Outils MCP sur mesure

Apprenez à un assistant une procédure de votre app, comme résumer les factures impayées ou clôturer un ticket et prévenir son responsable. Demandez-le dans le chat de l'app et Agent UI écrit l'outil sous forme de fichier dans le dossier mcp de votre app.

  • S'exécute en tant qu'utilisateur connecté de l'app
  • Les règles Data Security s'appliquent toujours
  • Activez ou désactivez chaque outil
  • Agent UI écrit le fichier pour vous
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 };
  },
});

Fonctions backend, API et signaux de l'app

Chaque fichier de functions/ est accessible à l'adresse /api/<name>. Connectez des API qu'Agent UI ne prend pas encore en charge, gardez les clés dans les secrets, et envoyez des messages depuis votre app en production directement dans le chat de création avec console.human.

  • Testez les fonctions et lisez leurs logs depuis la CLI
  • Les valeurs secrètes restent sur le serveur
  • Environnements de développement, de préproduction et de production séparés
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 };
}

Outils pour développeurs

Installez la CLI et récupérez votre première app.

npm install -g @agentuiai/cliGratuite et sous licence MIT. Nécessite Node.js 22 ou version ultérieure.

Lire la documentation de la CLICommencez à créer gratuitement

Explorez selon ce que vous voulez créer

Chaque outil ci-dessous fonctionne avec les données que vous avez déjà, avec des accès par rôle, une piste d'audit complète et une vraie personne derrière.

Voir tous les cas d'usage →