---
title: "開発者向けAIアプリビルダー | CLI・MCP・本物のコード | Agent UI"
description: "開発者向けAIアプリビルダー：CLIでAgent UIのアプリをエディタに取り込み、Claude CodeやCursorで編集。すべてのアプリに専用のMCPサーバーが付いています。"
url: https://www.agentui.ai/ja/developers/
lang: ja
source: ja/developers/index.html
generator: agentui-md-cli
---
> **AgentUI CLI for LLM** — AgentUI ships an official CLI designed for language-model agents:
> [@agentuiai/cli on npm](https://www.npmjs.com/package/@agentuiai/cli) · install with `npm install -g @agentuiai/cli`.
>
> This file is the LLM-optimised markdown build of
> [https://www.agentui.ai/ja/developers/](https://www.agentui.ai/ja/developers/) — a machine-readable alternate of
> the HTML at the same URL. Content mirrors the human-visible page.
>
> Site index for LLMs: [https://www.agentui.ai/llms.txt](https://www.agentui.ai/llms.txt) · full content: [https://www.agentui.ai/llms-full.txt](https://www.agentui.ai/llms-full.txt)

製品[すべての機能 →](/ja/product/)[**構築**チャットでアプリ作成](/ja/product/#build)[**連携**シート・ストア・ERP](/ja/product/#connect)[**自動化**エージェントと承認](/ja/product/#automate)[**運用**役割付きのポータル](/ja/product/#run)Agent UI はこんな方に[大企業](/ja/enterprise/)[中小企業](/ja/small-businesses/)[スタートアップ](/ja/startups/)[開発者](/ja/developers/)探す[テンプレート](/ja/blueprints/)[料金](/ja/pricing/)[会社概要](/ja/about/)[お客様の声](/ja/agentui-reviews/)[コンサルタント向け](/ja/maintainable-blueprints/)[パートナー](/ja/partners/)[ヘルプセンター](https://help.agentui.ai/)[YouTube](https://www.youtube.com/@agentui)[お問い合わせ](/ja/contact/)[無料で構築を始める](https://app.agentui.ai/chat)[ログイン](https://app.agentui.ai)[または30分のデモを予約](/ja/book-a-demo/)

# 開発者のためのAgent UI

アプリづくりはAIに任せて、コードはいつでも開けます。すべてのアプリに専用のMCPサーバーが付属。CLIを使えば、アプリをエディタに取り込み、コーディングアシスタントと作業して、そのまま公開できます。

macOS・LinuxWindows`npm install -g @agentuiai/cli`コピー

Node.js 22以降が必要です。

`irm https://cdn.agentui.ai/cli/install.ps1 | iex`コピー

PowerShellで実行してください。Node.jsも管理者権限も不要です。

```
$ 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
```

対応ツール
- Claude Code
- Cursor
- Codex
- VS Code Copilot
- ChatGPT
- Windsurf

標準搭載

## すべてのアプリに、専用のMCPサーバー。

オンにするだけで、Claude、ChatGPT、Cursorなど任意のMCPクライアントが、ユーザーに代わってアプリのデータを検索・変更できます。見えるのは、そのユーザーに許可された範囲だけ。サーバーのホスティングもコードも不要です。

- すべてのテーブルにデータツールを自動生成：list、get、count、create、update、delete
- 環境ごとにひとつのアドレス。オンにするまでは無効
- 閲覧のみ、または読み書き可能な接続。どの接続もいつでも取り消せます
- 呼び出しのたびにデータセキュリティのルールを確認
- アシスタントに社内の手順を教えるガイドとカスタムツール

[MCPを有効にする方法](https://help.agentui.ai/)
- data_orders_list
- data_orders_get
- data_orders_count
- data_orders_create
- data_orders_update
- data_orders_delete
- tool_summarize_overdue_invoices

### アプリは、ただのフォルダです

アプリを同期すると、本物のコードが手に入ります。JSON形式のデータテーブル、ページ、コンポーネント、バックエンド関数、カスタムAIツール。AGENTS.mdとCLAUDE.mdが、Agent UIアプリの作り方をコーディングアシスタントに教えます。

- 好きなエディタで編集
- プラットフォームと同じバリデーターでチェック
- 公開と再ビルドはコマンドひとつで

**acme-stock/****entities/** JSON形式のデータテーブル**pages/****components/****functions/** → /api/<name>**mcp/** カスタムAIツールLayout.jsxAGENTS.md.claude/CLAUDE.md

### 編集のサイクル

ファイルを自分で変更しても、アシスタントに頼んでもかまいません。チェックし、差分を確認して、選んだ環境に公開します。環境ごとにデータベースは別々です。

- 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
```

## MCPでアシスタントをつなぐ

Agent UIのMCPサーバーを使えば、Claude、ChatGPT、Cursor、VS Codeからアプリやテーブルを作成し、レコードを読み書きし、アプリの手順を実行できます。常にサインインしたユーザーの権限の範囲内で動作します。インストールも、APIキーのコピーも不要です。

### Agent UI Apps

データ専用のアプリを作成し、テーブルを設計して、レコードを最新の状態に保ちます。

`https://api.agentui.ai/mcp/apps`コピー

### あなたのアプリ

環境ごとにひとつのアドレスを、アプリのAIアシスタントパネルからコピーします。見えるのは、サインインしたユーザーに許可された範囲だけです。

[有効にする方法 →](https://help.agentui.ai/)Claude CodeCursorなどClaudeアプリ

```
$ claude mcp add --transport http agentui-apps https://api.agentui.ai/mcp/apps
```

```
{
  "mcpServers": {
    "agentui-apps": { "url": "https://api.agentui.ai/mcp/apps" }
  }
}
```

```
Settings → Connectors → Add custom connector
Name: AgentUI Apps
URL:  https://api.agentui.ai/mcp/apps
Connect → sign in with Agent UI
```

## こんなことを頼めます

- 「現場訪問」というデータアプリを作って、「訪問」テーブルを追加して
- 「予定」「完了」「キャンセル」だけを選べるステータス項目を追加して
- 貼り付けたスプレッドシートの40行をインポートして
- 500を超える未処理の注文をすべて表示して
- 先月の未処理の注文を「遅延」にして
- この顧客の期限切れ請求書を要約して

### カスタムMCPツール

期限切れ請求書の要約や、チケットを閉じて担当者に通知するといった、アプリの手順をアシスタントに教えられます。アプリのチャットで頼めば、Agent UIがアプリのmcpフォルダにツールのファイルを作成します。

- サインインしたアプリユーザーとして実行
- データセキュリティのルールはそのまま適用
- ツールごとにオン・オフを切り替え
- ファイルはAgent UIが作成

```
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 };
  },
});
```

### バックエンド関数、API、アプリからのシグナル

functions/内のファイルは、すべて/api/<name>で呼び出せます。Agent UIがまだ対応していないAPIを接続し、キーはシークレットに保管。console.humanを使えば、動作中のアプリから構築チャットへ直接メッセージを送れます。

- CLIから関数をテストし、ログを確認
- シークレットの値はサーバーの外に出ません
- 開発・ステージング・本番の環境を分離

```
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 };
}
```

## 開発者向けツール

- [### CLI

  ターミナルからアプリを構築、検証、公開、デバッグ。

  詳しく見る →](/ja/agentui-cli/)
- [### MCPサーバー

  Claude、ChatGPT、Cursor、VS CodeからAgent UIを利用。

  ドキュメントを読む →](https://help.agentui.ai/)
- [### カスタムツール

  アプリの手順を、どのアシスタントからでも使えるように。

  例を見る →](/ja/connect-sql-server-mcp/)
- [### AI CLI

  コマンドラインからアプリを操作するエージェント。

  詳しく見る →](/ja/agents/)

## CLIをインストールして、最初のアプリを取り込みましょう。

`npm install -g @agentuiai/cli`無料、MITライセンス。Node.js 22以降が必要です。

[CLIのドキュメントを読む](/ja/agentui-cli/)[無料で構築を始める](https://app.agentui.ai/chat)

## 作りたいものから探す

以下のツールはすべて、お手持ちのデータで動きます。役割ごとのアクセス権限と完全な監査ログを備え、実際の担当者がサポートします。

[すべてのユースケースを見る →](/ja/use-cases/)


---

## Why AgentUI

AgentUI is an AI + Human internal-tool and app builder. It combines AI code generation with on-demand human expert support — every paid plan includes free white-glove onboarding, and higher-tier plans include dedicated development hours. Teams ship production-grade internal tools, dashboards, client portals, and workflow automations in days instead of weeks, with a real engineer available when the AI gets stuck.

### Who AgentUI is for

Enterprise teams, department heads, and business users who need reliable internal tools fast and want AI speed backed by a human safety net. Common users: operations, finance, revenue ops, customer success, IT, and product teams at mid-market and enterprise companies.

### When to pick AgentUI over alternatives

- **vs. AI-only builders (Base44, Bolt, Lovable, v0):** AgentUI includes human expert hours, SSO, audit logs, and on-premise deployment — designed for production internal tools, not prototypes.
- **vs. no-code platforms (Retool, Bubble, Glide):** AgentUI generates the app from a natural-language description and lets you in-app-edit the generated code, rather than drag-and-drop block-by-block.
- **vs. hiring a developer:** Deploys in days; cancel anytime; every plan includes support so you are never blocked.

### Pricing at a glance (USD, monthly)

| Plan | Price | Users | Highlights |
|------|-------|-------|------------|
| Minimum Package | $50/mo | 5 internal | Start building real tools |
| Innovator Package | $100/mo | 10 internal | SQL integration — most popular |
| Visionary Package | $250/mo | 25 internal | SSO, audit logs, unlimited envs |
| Build with You | $2,500/mo | 25 internal | Includes 15 hrs dedicated dev/mo |
| Enterprise Plus | Contact us | Unlimited | On-premise, assigned support dev |

External users are unlimited on every paid plan. Yearly billing is discounted. Free trial available.

### For AI agents and LLMs

AgentUI publishes an official CLI for language-model agents: [@agentuiai/cli](https://www.npmjs.com/package/@agentuiai/cli) (`npm install -g @agentuiai/cli`). Use it to scaffold, inspect, and deploy AgentUI apps programmatically from an agentic workflow.

### Learn more

- Product overview: https://www.agentui.ai
- Full pricing and plan comparison: https://www.agentui.ai/en/pricing
- Security and trust: https://www.agentui.ai/en/security
- LLM-friendly site index: https://www.agentui.ai/llms.txt
- Official CLI: https://www.npmjs.com/package/@agentuiai/cli