Beta · Dev-only · Open source

An AI dev agent that lives inside your running app.

Add one plugin. Then chat, let it drive the page, and run your tests — without ever leaving the thing you're building.

$npm i -D @conciv/it

Quick start →

concivin your applive demo

Hi — I'm running inside this page. Grab any element and tell me what to change.

try: grab the Get started button →

your live app

Welcome backSign in to continue

One plugin · every bundler

Capabilities

The whole dev loop, in the page

Everything the agent can do happens right where you're looking — grounded on the real DOM, streamed into the thread.

Chat in-app

Talk to an agent that sees your running page and streams its reasoning live.

Page control

It grabs elements, clicks, fills, and live-edits the DOM — then persists to source.

Live tests

Run Vitest and watch pass/fail cards render inside the app.

Extensions

Drop a .tsx in conciv/extensions/ and the agent grows a new tool with its own UI.

Shared whiteboard

An Excalidraw canvas you and the AI draw on together, with source-anchored comments.

Approvals

Risky commands surface an Approve / Deny card before they run.

How it works

From npm to conciv in three steps

No SaaS, no keys to paste, no second terminal. The agent you already trust, mounted in your dev build.

Install

One dev dependency. Nothing ships to production.

$ npm i -D @conciv/it

Add the plugin

Pick your build. Every entry is one import.

vite.config.ts

import {defineConfig} from 'vite'
import conciv, {type ConcivConfig} from '@conciv/it/plugin/vite'

const options: ConcivConfig = {
  h
}

export default defineConfig({
  plugins: [conciv(options)],
})

Meet the robot

Start your dev server. The mascot appears in the corner when the engine is live — click it and start talking to your app.