Skip to content

BuilderIO/agent-native

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1,953 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

// 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.

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.

Agents and UIs fully connected

  • 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.

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.

Calendar

Calendar template

Agent-Native Google Calendar, Calendly

Manage events, sync with Google Calendar, and share a public booking page with AI scheduling.

Content

Content template

Open-source Obsidian for MDX

Edit local Markdown/MDX files, generate rich interactive custom blocks, and draft, rewrite, or publish with an agent.

Plans

Plans template

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.

Slides

Slides template

Agent-Native Google Slides, Pitch

Generate and edit React-based presentations via prompt or point-and-click.

Analytics

Analytics template

Agent-Native Amplitude, Mixpanel

Connect analytics data sources, prompt for real charts, and build reusable dashboards.

Clips

Clips template

Agent-Native Loom

Record your screen with auto-transcripts, shareable links, and an agent that summarizes, captions, and edits clips on demand.

View the full template gallery at agent-native.com/templates.

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:

npx @agent-native/core@latest skills add visual-plan

Visual plan and recap in action

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 for more.

Quick Start

One command to start a new project locally.

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 to ask questions, share what you're building, and get help.

Docs

Full documentation at agent-native.com.

License

MIT

About

A framework for building agent-native applications.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors