Tutorial: Coding Agent

Already using Claude Code or Codex? This tutorial shows you what Omnigent adds on top: a web UI with file editing and inline comments, mobile access, session sharing, and the ability to fork or switch agents mid-conversation. None of this is possible with a native coding agent alone.

Time: 5 minutes. Everything runs locally.

1. Start your coding agent

omni claude

This launches Claude Code in your terminal and opens a web UI at http://localhost:6767. Both are connected to the same session and stream output in real time.

2. Give it a task

Ask it to do something in your project. For example:

Write a Python function that reads a CSV file and returns the top 5 rows sorted by the second column.

Watch it work in the terminal. Then open http://localhost:6767 in your browser to see the web UI.

The web UI shows your conversation on the left and a right panel with four tabs: Files (browse and edit files the agent created), Agents (sub-agents if any), Terminals (running shells), and Todos. Everything syncs with the terminal in real time.

Omnigent web UI running a coding agent session

3. Try native Omnigent features

Now that your agent has produced some output, try these features in the web UI:

Comment on the agent's work

Click on a specific part of the agent's output and leave an inline comment like "make this more concise" or "use pandas instead". The agent sees exactly what you're referring to and revises it. No need to describe the location in chat.

Leaving an inline comment on agent output

Edit files directly

Open any file the agent created in the built-in editor. Make changes yourself with syntax highlighting. The agent can see your edits and continue from there.

Editing a file in the Omnigent web UI

Paste an image

Drag a screenshot, mockup, or diagram into the chat. The agent sees it alongside your text. Try pasting a screenshot of a UI bug or a design spec.

Fork a session

Fork your current session to try a different approach without affecting the original. The fork copies the full conversation history up to that point, so you can experiment freely.

4. Add a policy in plain language

Type this into the chat:

Ask me before running any shell commands.

The agent adds a policy to the session. From now on, it pauses and asks for your approval before executing anything in the shell. You can add cost limits, access controls, and more the same way. See Contextual Policies.

What's next