Coding agentNew

Coding agent app built from the agent primitives: the agent reads the code, reproduces the bug with a failing test, edits the file and shows the diff, runs the tests green and asks before it opens a pull request. A side panel holds the file before and after, each with a live preview. Scripted end to end, so it runs with no backend until you plug in your model.

Installation

Set your access key from API keys as NEXTUI_TOKEN in .env.local and add the @nextui namespace below to components.json once. Then every item installs by name. Each install counts as a copy on a free account.

$pnpm dlx shadcn@latest add @nextui/coding-agent

1{
2  "registries": {
3    "@nextui": {
4      "url": "https://nextui.dev/r/{name}.json",
5      "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6    }
7  }
8}

Usage

1"use client";
2
3import { CodingAgent } from "@/components/pages/coding-agent";
4
5export default function Page() {
6  return <CodingAgent brand="Forge" onOpenPullRequest={() => console.log("open PR")} />;
7}

API reference