Noter: Stay Actively in the Loop While Your Coding Agents Work

typescript dev.to

Hi everyone, today I'm excited to officially launch Noter, a new way to stay actively in the loop while your coding agents are working. 🤓

Noter started as a personal tool, but I quickly realised it could help many more people who build with agents every day.

The Problem: Idle Mode

When I work with coding agents, I often feel stuck in "idle mode" — right after I send a prompt, the agent is building and I'm just watching the screen while it churns through the work.

I like to stay engaged and focused, so I began taking notes on what I wanted to do next while the agent was running. But as the agent uncovered bugs or new blockers, the context changed and my plans were suddenly wrong.

I was constantly context-switching between the agent's terminal, my notes app, and whatever reference material I was working from. The agent was doing the work, but I was losing my train of thought.

What Noter Does

Noter fixes this workflow. You can take notes, have AI break them down into concrete tasks and prompts based on context, and still see what's happening inside your agentic harness, all in one place without losing focus.

It's built around four panels that work together:

  • Notes — jot down your thoughts, next steps, and ideas while the agent runs
  • Suggestions — AI-powered task and prompt suggestions based on what the agent is actually doing
  • Context — real-time view into what's happening inside your coding agent's session
  • Prompts — dispatch prompts directly to your agent without leaving the dashboard

How It Works

Noter connects to your coding harnesses via WebSocket and monitors sessions in real-time. It currently supports:

  • Claude Code
  • Codex
  • OpenCode
  • Factory Droid
  • Pi
  • Any harness via the generic adapter

The context summarization uses local LLMs (Ollama, LM Studio) or cloud providers (Anthropic, OpenAI, Google, Gemini) — your choice. Everything runs on localhost, so your code and agent data never leave your machine.

Blueprint: From Notes to Specs

The feature I'm most excited about is Blueprint. It takes your loose planning notes and turns them into phased, rationale-tagged specs that produce copy-ready prompts for your coding agent.

You write what you want to build. Blueprint structures it into phases, explains the reasoning behind each step, and gives you ready-to-paste prompts. No more staring at a blank prompt box wondering what to ask next.

Tech Stack

For the curious:

  • Backend: Node.js + TypeScript + Express 5 + WebSocket
  • Frontend: React + TypeScript (Vite) + Tailwind
  • Storage: SQLite via better-sqlite3
  • AI: Vercel AI SDK (supports Ollama, Anthropic, OpenAI, Google, Gemini)
  • Testing: Vitest (52 test files)

Try It

npm install -g noterai
noter
Enter fullscreen mode Exit fullscreen mode

It opens in your browser, connects to whatever harnesses are running, and you're live.

Mission Control (the four-panel dashboard) is free forever. Blueprint (the spec-generation workflow) is €3/month.

If you're curious, you can try it here: https://noterai.tech/

I'd love your feedback and if you have a specific harness you'd like Noter to support next, please reach out. 🫡

Source: dev.to

arrow_back Back to Tutorials