Agentuity Docs

Customize how your project is built by creating an agentuity.config.ts file in your project root. Add Vite plugins for frontend builds or define build-time constants.

Basic Configuration

import type { AgentuityConfig } from '@agentuity/cli';
 
export default {
  // Configuration options here
} satisfies AgentuityConfig;

Configuration Options

plugins

Add Vite plugins for frontend builds (src/web/). Plugins run after built-in plugins (React, environment variables).

import type { AgentuityConfig } from '@agentuity/cli';
import tailwindcss from '@tailwindcss/vite';
 
export default {
  plugins: [tailwindcss()],
} satisfies AgentuityConfig;

See the Vite plugin documentation for available plugins.

Frontend Only

Vite plugins apply to frontend builds only. Server code is bundled separately with Bun.

define

Replace identifiers with constant values at build time. Values must be JSON-stringified.

import type { AgentuityConfig } from '@agentuity/cli';
 
export default {
  define: {
    'API_VERSION': JSON.stringify('v2'),
    '__DEV__': JSON.stringify(false),
  },
} satisfies AgentuityConfig;

Reserved Keys

These keys are set by the build system and will override any user-defined values:

import.meta.env.AGENTUITY_PUBLIC_* (Agentuity internal variables)
process.env.NODE_ENV

workbench

Configure the development Workbench UI. See Testing with Workbench for usage.

import type { AgentuityConfig } from '@agentuity/cli';
 
export default {
  workbench: {
    route: '/workbench',  // Access at http://localhost:3500/workbench
    headers: {},          // Custom headers for requests
  },
} satisfies AgentuityConfig;

Omit the workbench section to disable Workbench.

Environment Variables

Environment variables with these prefixes are available in frontend code:

Prefix	Description
`VITE_*`	Standard Vite convention
`AGENTUITY_PUBLIC_*`	Agentuity convention
`PUBLIC_*`	Short form

// .env.local
AGENTUITY_PUBLIC_API_URL=https://api.example.com
 
// src/web/App.tsx
const apiUrl = import.meta.env.AGENTUITY_PUBLIC_API_URL;

Security

Public environment variables are bundled into frontend code and visible in the browser. Never put secrets or API keys in public variables.

Build Architecture

Agentuity uses a hybrid build system:

Component	Tool	Output
Frontend (`src/web/`)	Vite	`.agentuity/client/`
Workbench	Vite	`.agentuity/workbench/`
Server (agents, routes)	Bun	`.agentuity/app.js`

This separation allows Vite's optimizations for frontend (HMR, tree-shaking, CSS processing) while using Bun's fast bundling for server code.

For details on how these components interact during development, see Dev Server Architecture.

Full Example

import type { AgentuityConfig } from '@agentuity/cli';
import tailwindcss from '@tailwindcss/vite';
 
export default {
  // Vite plugins for frontend
  plugins: [tailwindcss()],
 
  // Build-time constants
  define: {
    'APP_VERSION': JSON.stringify('1.0.0'),
  },
 
  // Development workbench
  workbench: {
    route: '/workbench',
    headers: {},
  },
} satisfies AgentuityConfig;

Next Steps

Tailwind CSS Setup: Add Tailwind styling to your frontend
Development Server: Run the dev server with your configuration
Deployment: Deploy with build configuration

Need Help?

Join our Community for assistance or just to hang with other humans building agents.

Send us an email at hi@agentuity.com if you'd like to get in touch.

Please Follow us on

If you haven't already, please Signup for your free account now and start building your first agent!

Build Configuration