How to vibe codeDevin

Prerequisites

• Node.jsfree

  Required runtime for executing TypeScript agent scripts and CLI tools

• GitHubfree

  Host repositories and manage code diffs

AI coding tools

• Claude Code

  Provides the agentic core loop, shell execution, and multi-file code editing directly in your terminal

Build guide

1. 01Initialize Task Management Database

   Set up a lightweight SQLite database using Turso to track local development tasks, prompts, and execution logs.

   Initialize a Next.js project with Tailwind CSS and Drizzle ORM connected to a local SQLite database via Turso. Create a tasks table with fields: id, prompt, status (pending, running, completed, failed), and output_logs. Ensure the schema supports storing multi-step agent execution histories.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Configure Agentic LLM Loop

   Integrate the Anthropic API to parse high-level instructions and generate iterative file editing and shell commands.

   Write a Node.js background worker using the Anthropic API with tool-use enabled. Implement an agent loop that takes a prompt and a workspace directory, allowing the model to read files, execute shell commands, read test failure outputs, and iteratively fix its own code until tests pass.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Implement Sandboxed Shell Execution

   Create a safe execution harness that runs shell commands and captures stdout/stderr without risking host system safety.

   Implement a secure child_process execution wrapper in TypeScript that runs terminal commands with a strict timeout and working directory isolation. Capture stdout, stderr, and exit codes, returning them cleanly to the agent orchestration loop.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Build Web Dashboard and Task Queue

   Construct a clean dashboard to submit prompts, inspect live execution logs, and review code diffs.

   Build a React dashboard page in Next.js that lists all tasks with real-time status updates, a form to submit new engineering tasks, and an execution log viewer that streams terminal output from the agent worker.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Add Git Integration

   Automate git branch creation, commits, and pull request generation for completed tasks.

   Add git integration to the agent worker using isomorphic-git or local shell commands. When an agent successfully completes a task, automatically create a new branch, commit the changed files with a descriptive commit message, and output a summary diff for review.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Devin