https://github.com/builderio/agent-native
A framework for building agent-native applications.
https://github.com/builderio/agent-native
agents ai react
Last synced: 6 days ago
JSON representation
A framework for building agent-native applications.
- Host: GitHub
- URL: https://github.com/builderio/agent-native
- Owner: BuilderIO
- Created: 2026-03-12T14:57:10.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-07-02T13:28:22.000Z (10 days ago)
- Last Synced: 2026-07-02T13:28:27.200Z (10 days ago)
- Topics: agents, ai, react
- Language: TypeScript
- Homepage: https://agent-native.com
- Size: 138 MB
- Stars: 3,345
- Watchers: 7
- Forks: 318
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Agent-Native
## The framework for agent-native apps
Agent-Native is an open-source framework for building robust agents that act inside real apps, not just chat next to them. It gives you primitives for product-grade agentic software: shared actions, SQL-backed state, identity, tools, skills, jobs, observability, and UI surfaces that all work together. Bring your own database, hosting provider, model stack, and app code.
```ts
// One action powers UI, agent, HTTP, MCP, A2A, and CLI.
export default defineAction({
schema: z.object({
emailId: z.string(),
body: z.string(),
}),
run: async ({ emailId, body }) => {
await db.insert(replies).values({ emailId, body });
},
});
```
- **Actions**: Define work once. Use it from UI, agent, API, MCP, A2A, and CLI.
- **Agent runtime**: Chat, tools, skills, memory, jobs, observability, and handoffs ship together.
- **Backend agnostic**: Plug in any Drizzle-supported SQL database and Nitro-compatible host.
## Templates
Start with a full featured template. Each one is a complete, 100% free and open-source SaaS app: cloneable, not scaffolded, except you own the code and can customize everything.
**Clips**
**Agent-Native Loom + Jam**
Record your screen with auto-transcripts and captured browser debug logs, share a link, and let an agent read the transcript, see timestamped frames, and fix the bug.
**Plans**
**Visual plan mode for coding agents**
Install `/visual-plan` and `/visual-recap` so your coding agent can plan before it builds and recap changes after they land. High-level code reviews with diagrams, wireframes, annotations, and review links.
**Design**
**Agent-Native design prototyping**
Generate interactive HTML prototypes, compare variants, refine controls, and export the result.
**Content**
**Open-source Obsidian for MDX**
Edit local Markdown/MDX files, generate rich interactive custom blocks, and draft, rewrite, or publish with an agent.
**Slides**
**Agent-Native Google Slides, Pitch**
Generate and edit React-based presentations via prompt or point-and-click.
**Analytics**
**Agent-Native Amplitude, Mixpanel**
Connect analytics data sources, prompt for real charts, and build reusable dashboards.
View the full template gallery at **[agent-native.com/templates](https://agent-native.com/templates)**.
## Agents and UIs, Fully Connected
The agent and the UI are equal citizens of one system. Every action works both ways: click it or ask for it.
- **Everything syncs**: One database, one state. Changes from either side show up instantly on the other.
- **Real-time multiplayer**: Humans and agents edit the same document together, with the agent as a first-class peer.
- **Context-aware**: The agent knows what you're looking at. Select text, hit Cmd+I, and tell it what to do.
- **Agents call agents**: Tag another agent from any app and they coordinate over A2A.
- **Self-improving**: The agent can add features, fix bugs, and refine the UI over time.
## Try it with a skill
Don't want to scaffold a whole app yet? Add visual planning and PR recaps to Claude Code, Codex, Cursor, Pi, OpenCode, GitHub Copilot / VS Code, and similar agents with one command:
```bash
npx @agent-native/core@latest skills add visual-plan
```
You get two slash commands:
- **`/visual-plan`**: before the agent writes code, it opens a structured, reviewable plan with inline diagrams, UI wireframes, file-by-file implementation maps, and annotations you can comment on and approve.
- **`/visual-recap`**: after changes land, it turns a PR or git diff into a high-altitude visual recap with a shareable review link instead of a raw diff.
See the **[Skills Guide](https://agent-native.com/docs/skills-guide#app-backed-skills)** for more.
## Quick Start
One command to start a new project locally.
```bash
npx @agent-native/core@latest create my-app
cd my-app
pnpm install
pnpm dev
```
`create` first asks how you want to start:
- **Full template(s)**: clone one or more complete apps into a workspace. Pick Mail + Calendar + Forms and you get all three wired up and sharing auth.
- **Chat**: a single app with a minimal chat UI and the browser shell already wired, the simplest way to get a UI.
- **Headless**: a single action-first app with no UI shell. The CLI walks you through calling your first action and agent, and you can add a UI later.
Prefer flags? `create my-app --template mail`, `--headless`, or `--standalone` skip the prompt.
## The Best of Both Worlds
| | SaaS Tools | Raw AI Agents | Internal Tools | Agent-Native |
| ----------------- | ------------------ | ----------------------- | -------------------------- | ----------------------- |
| **UI** | Polished but rigid | None | Mixed quality | Full UI, fork & go |
| **AI** | Bolted on | Powerful | Shallowly connected | Agent-first, integrated |
| **Customization** | Can't | Instructions and skills | Full, but high maintenance | Agent modifies the app |
| **Ownership** | Rented | Somewhat yours | You own the code | You own the code |
## Community
Join the **[Discord](https://discord.gg/qm82StQ2NC)** to ask questions, share what you're building, and get help.
## Docs
Full documentation at **[agent-native.com](https://agent-native.com)**.
## License
MIT