Developers are increasingly working with AI agents that run for long periods, collaborative visual interfaces, MCP servers, browser-based tools, document workflows, and applications that need to interact with AI in much richer ways than plain text.

And that creates a new problem.Β 

The hard part is no longer finding another tool, it is finding the open-source projects that actually improve the way we build.

For Week 18 of my Open Source GitHub Repository Series, I explored five repositories that solve very different problems:

  • Excalidraw β†’ Build visual collaboration and diagramming directly into your applications

  • herdr β†’ Give coding agents a persistent runtime where they can keep working

  • Kimi CLI β†’ Bring an AI coding agent into your terminal, IDE, and MCP workflow

  • Documenso β†’ Build document-signing workflows without handing your infrastructure to a proprietary platform

  • MCP Apps β†’ Turn MCP tools from text-only experiences into interactive UIs

What makes this list especially interesting is that these projects represent something bigger.

AI-native development isn’t only about better models. It’s about building better environments around those models.

Let’s look at each one.

1. Excalidraw: Turn Your Application Into a Collaborative Whiteboard

Sometimes the fastest way to explain a system isn’t another 500-line document.

It’s drawing a simple box with an arrow or a database cylinder and few notes. And suddenly everyone understands the architecture.

That is the problem Excalidraw solves remarkably well.

What is Excalidraw?

Excalidraw is an open-source virtual whiteboard for creating hand-drawn-style diagrams, wireframes, and visual ideas.

The editor is canvas-based, customizable, supports images and shape libraries, exports to PNG and SVG, and stores drawings in an openΒ .excalidraw JSON format. The hosted application also provides capabilities such as real-time collaboration, end-to-end encryption, offline/PWA support, local-first autosaving, and shareable read-only links.

But the part developers should pay attention to is this Excalidraw isn’t only a website. It’s also something you can embed into your own product.

The README provides a straightforward npm integration:

npm install react react-dom @excalidraw/excalidraw

That means you can bring a collaborative, sketch-style canvas into an existing React application rather than building a drawing engine from scratch.

Why Developers ShouldΒ Care

Most applications eventually need some kind of visual interaction.

Think about:

  • system design tools

  • architecture diagrams

  • workflow builders

  • brainstorming applications

  • educational platforms

  • whiteboard products

  • diagramming tools

  • planning interfaces

Building canvas interactions yourself sounds easy until you start dealing with selection + dragging + resizing + arrows + bindings + undo/redo + zoom + export + persistence + collaboration.

That’s a lot of engineering.

Excalidraw gives you a large portion of that foundation.

And its integrations are another signal of how reusable the project has become. The repository lists integrations including VS Code, Obsidian, Notion, Replit, CodeSandbox, Meta, and others.

Real Development UseΒ Cases

Architecture Design: Create a visual system-design canvas inside an internal engineering portal.

Product Planning: Allow product teams to sketch user journeys and workflows.

Education: Build interactive technical diagrams into developer-learning platforms.

Collaborative Design: Let multiple users work on the same visual canvas in real time.

Developer Tools: Embed diagrams directly into documentation or engineering workflows.

Productivity Impact

The biggest productivity win is simple: You don’t have to reinvent the canvas.

Instead of spending weeks building drawing primitives and interaction behavior, you can focus on the actual product experience.

And there is another advantage.

Because Excalidraw uses an open drawing format, your visual data doesn’t have to disappear inside an opaque proprietary format.

Sometimes productivity isn’t about writing code faster. It’s about deciding which code you shouldn’t write at all.

2. herdr: The Runtime Your Coding Agents Can Actually LiveΒ In

Repository: herdrdev/herdr

Here’s a problem that becomes obvious once you start using coding agents seriously.

  • What happens when your AI agent is working on something that takes longer than your current terminal session?

  • What happens when you close the laptop?

  • What happens when your network disappears?

  • What happens when you have three agents running at the same time?

Traditional terminal workflows aren’t really designed for this.

herdr is.

What isΒ herdr?

herdr describes itself as β€œthe runtime your coding agents live on.” It runs as a background server where agent terminals live inside persistent sessions.

According to the README, you can close the laptop, lose the network, or restart the machine and the agents can continue working, with sessions available to reattach later, including over SSH.

That changes the mental model.

Instead of: Terminal β†’ Agent β†’ Doneyou start thinking: Runtime β†’ Agent Sessions β†’ Persistent Work

herdr also tracks whether panes are working, blocked, or idle, helping you identify when an agent needs attention.

And importantly, herdr isn’t trying to replace your coding agent.

The README explicitly says it can run tools you already use including Claude Code, Codex, Cursor, OpenCode, Grok, and others while managing the terminals where they run.

Why Developers ShouldΒ Care

AI coding agents are moving from β€œanswer this coding question” to β€œwork on this task.”

That difference matters. A task-oriented agent may need to:

  1. inspect the repository

  2. understand the issue

  3. modify code

  4. run tests

  5. discover failures

  6. fix them

  7. continue iterating

That isn’t always a five-minute interaction. The environment itself becomes part of the agent architecture.

herdr treats that environment as infrastructure.

Real Development UseΒ Cases

Long-Running Coding Tasks: Keep coding agents alive while they work through larger tasks.

Multiple Agents: Run several agents in different panes and monitor what each one is doing.

Remote Development: Reattach to agent sessions over SSH.

Autonomous Workflows: Let agents continue operating while you’re away from the machine.

Agent Orchestration: The project provides CLI and socket APIs that agents can use to spawn panes, interact with other agents, and wait for another agent when necessary.

That last point is particularly interesting.

The runtime itself becomes agent-aware.

Productivity Impact

herdr reduces a frustrating class of AI-development problems:

  • losing long-running sessions

  • manually reconnecting to agents

  • losing track of which agent is blocked

  • constantly managing terminal windows

  • treating every agent task as an interactive session

The bigger shift is conceptual.

Coding agents need infrastructure just like applications do.

Once agents become persistent workers, the terminal is no longer just a place to type commands.

It becomes their runtime.

3. Kimi CODE: An AI Coding Agent That Connects Your Terminal, IDE, and MCPΒ Tools

The terminal is already where developers have enormous power.

Git.

Docker.

Node.

Python.

Build tools.

Tests.

Deployment scripts.

Now imagine adding an AI agent that can operate inside that same environment.

That is the idea behind Kimi Code.

What is KimiΒ Code?

Kimi Code is a terminal-based AI agent designed to help developers perform software-development tasks and terminal operations.

The README describes capabilities including:

  • reading code

  • editing code

  • executing shell commands

  • searching and fetching web pages

  • planning actions

  • adjusting its approach during execution

So this isn’t simply a chatbot exposed through a terminal.

It’s an agentic development environment.

IDE Integration

Kimi Code supports the Agent Client Protocol (ACP).

That means it can work with ACP-compatible editors and IDEs, including Zed and JetBrains tooling. The README shows how Kimi Code can run as an ACP agent server and appear inside an IDE’s agent panel.

Now the workflow becomes much more interesting. You aren’t forced to choose between terminal agent and IDE agent

The agent can participate in both environments.

MCP Support

Kimi Code also supports Model Context Protocol tools.

The repository documents commands for adding MCP servers through HTTP or stdio transports, managing authentication, listing servers, and supplying MCP configuration files.

That means the agent can move beyond β€œUnderstand my code” toward β€œUnderstand my code and interact with external tools.”

And that’s where agent workflows become genuinely powerful.

Real Development UseΒ Cases

Repository Understanding: Ask the agent to investigate unfamiliar codebases.

Implementation: Let the agent modify files and execute development commands.

Debugging: Combine code investigation with terminal execution.

IDE Workflows: Bring the same agent into ACP-compatible environments.

Tool-Augmented Agents: Connect external systems through MCP.

Shell Productivity: Kimi Code can also operate as a shell, allowing developers to switch into shell command mode from inside the environment.

Productivity Impact

The real benefit isn’t just AI-generated code. It’s context continuity.

  • Your terminal has the repository.

  • Your IDE has the files.

  • Your MCP servers have tools.

  • Your agent can connect these pieces.

That creates a much more natural development loop Understand β†’ Execute β†’ Inspect β†’ Modify β†’ Verify

instead of constantly jumping between unrelated interfaces.

πŸ’‘ Enjoying this article?
Every week day, I publish practical, production-ready deep dives covering Web development, System Design, Open source projects, Tech industry trends and AI Engineering and tools.

4. Documenso: Build Your Own Digital Signature Infrastructure

Not every useful open-source repository is about AI and that’s exactly why Documenso belongs on this list.

Because software development isn’t only about building features. It’s also about building the business workflows around those features.

One of the most common? Getting documents signed.

What is Documenso?

Documenso describes itself as an open-source DocuSign alternative.

Its goal is to provide a document-signing platform that organizations can self-host, inspect, run, and fork. The project frames this as part of building more open β€œtrust infrastructure” around digital signatures.

That’s a very different philosophy from simply consuming a hosted SaaS API.

Instead of Your App β†’ Third-Party Signing Platform

you can explore Your App β†’ Your Signing Infrastructure

Why Developers ShouldΒ Care

Imagine you’re building:

  • HR software

  • procurement software

  • contract management

  • SaaS onboarding

  • freelancer platforms

  • real-estate applications

  • legal workflows

  • enterprise approval systems

At some point, someone needs to sign something. You could build a small signature workflow yourself or you could buy a SaaS service or you could use an open-source platform that you can inspect and self-host.

Documenso gives you that third option.

The Developer Stack

One thing I particularly like about this repository is that its stack is familiar to modern JavaScript developers.

The project currently lists:

  • TypeScript

  • React Router v7

  • Hono

  • Prisma

  • Tailwind CSS

  • shadcn/ui

  • Radix UI

  • tRPC

  • PostgreSQL

  • Playwright

  • Stripe

  • PDF tooling

For a developer already working in the TypeScript ecosystem, this makes the project particularly interesting to study.

You’re not just consuming a product, you’re looking at a real-world application architecture.

Real Development UseΒ Cases

SaaS Applications: Add document-signing workflows to your own product.

Internal Enterprise Tools: Self-host signing infrastructure for internal workflows.

Contract Management: Create approval and signature pipelines.

HR Platforms: Handle offer letters and employment documents.

Procurement: Integrate document execution into purchasing workflows.

Learning and Architecture: Study how a production-oriented open-source TypeScript application combines frontend, backend, database, PDF tooling, authentication, payments, and testing.

Productivity Impact

The biggest benefit is control.

  • You can inspect the implementation.

  • You can self-host it.

  • You can integrate it with your own infrastructure.

And because it’s open source, you have more freedom to understand how the system works under the hood.

There is also an important current project detail: the repository says it remains open source, but external pull requests are currently paused except for a small group of trusted contributors; detailed issues are the preferred external contribution path.

Open source doesn’t always mean β€œfork it and modify anything tomorrow.” It means you can inspect, run, understand, and build on the software while still respecting the project’s current contribution model.

5. MCP Apps: The Missing UI Layer for AIΒ Tools

This is probably the repository in this week’s list that points most directly toward where AI interfaces are heading.

Because we have spent years teaching computers to return text, then structured JSON, then tool results.

But sometimes text isn’t enough.

Try asking an AI agent to:

  • edit a diagram

  • configure a complex form

  • explore a chart

  • manipulate a visual workflow

  • watch a video

  • work with a dashboard

Suddenly, a text response feels like the wrong interface.

That’s where MCP Apps comes in.

What is MCPΒ Apps?

The official Model Context Protocol repository describes MCP Apps as a specification and SDK for building interactive UIs for MCP tools.

These interfaces can render directly inside compliant AI chat clients, including examples such as Claude and ChatGPT. The project describes use cases including charts, forms, dashboards, design canvases, and video players.

This is a big conceptual change.

Traditional MCP LLM β†’ Tool β†’ Text / Structured Data

MCP Apps: LLM β†’ Tool β†’ Interactive UI

The tool can now become something the user actually interacts with.

How ItΒ Works

The architecture is surprisingly elegant.

1. The tool declares a UI resource: A tool can expose a ui:// resource containing its interface.

2. The model calls the tool: The LLM invokes the MCP server as usual.

3. The host renders the UI: The host fetches the declared resource and places it inside a sandboxed iframe.

4. The UI communicates back: The host can pass data to the UI, while the UI can invoke other tools through the host.

That creates a much richer interaction model.

Real Development UseΒ Cases

Data Visualization: An MCP tool can return an interactive chart instead of a paragraph of numbers.

Forms: The agent can ask the user to fill structured inputs through a real UI.

Design Tools: A tool can render an interactive design surface.

Dashboards: Bring operational information directly into an AI conversation.

Existing Web Applications

The repository includes an approach for converting an existing web application into a hybrid web + MCP App.

And the repository ships Agent Skills that can help coding agents:

  • scaffold a new MCP App

  • migrate an OpenAI App

  • add UI to an existing MCP server

  • convert a web app into an MCP App

That’s particularly interesting for AI-assisted development. You can increasingly ask your coding agent to build the integration for you.

Productivity Impact

MCP Apps reduces a major limitation of tool-using AI, tools can finally have an interface.

Instead of forcing every interaction through natural language, developers can give users the right interaction for the task.

  • Text for explanation.

  • Forms for input.

  • Charts for analysis.

  • Canvases for visual work.

  • Dashboards for monitoring.

That is much closer to how human-computer interaction already works.

The future of AI interfaces probably isn’t β€œchat replaces UI.” It’s β€œchat orchestrates the right UI.”

The Bigger Picture: Five Repositories, One Developer Workflow

At first glance, these five repositories don’t look connected.

  • One draws diagrams.

  • One manages coding-agent terminals.

  • One runs an AI coding agent.

  • One handles digital signatures.

  • One adds interactive UIs to MCP tools.

But look at the broader workflow.

Modern Developer Workflow

                AI Agent
                    β”‚
      β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
      β”‚                           β”‚
 Kimi CLI                      herdr
      β”‚                           β”‚
Terminal Agent          Persistent Agent Runtime
      β”‚                           β”‚
      β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                    β”‚
                   MCP
                    β”‚
                 MCP Apps
                    β”‚
         Interactive Experiences
                    β”‚
     β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
     β”‚                             β”‚
 Excalidraw                   Business Tools
Visual Workflows              Document Signing
                                 β”‚
                             Documenso

And that tells us something important.

Modern AI applications are becoming multimodal workflows, not simply chat interfaces.

The agent may need to reason β†’ execute β†’ visualize β†’ request input β†’ interact with external systems β†’ complete a business workflow

Each repository in this week’s list handles a piece of that puzzle.

Which Repository Should You TryΒ First?

If you’re building applications with visual collaboration or diagrams, start with Excalidraw.

If you’re running multiple coding agents or long-running agent sessions, explore herdr.

If you want an AI coding agent that works across terminal, IDE, and MCP workflows, investigate Kimi CLI and keep an eye on its evolution toward Kimi Code CLI.

If you’re building SaaS or enterprise workflows involving signatures, take a serious look at Documenso.

And if you’re building MCP-based applications and wondering how to move beyond text-only tools, MCP Apps is probably the most important repository in this list to explore.

Final Thoughts

The developer experience is changing.

First, AI helped us write code. Then AI started helping us understand code. Now AI is beginning to operate inside our development environments.

And the next step is bigger AI will interact with the same rich interfaces humans use.

That means:

  • persistent agent runtimes

  • terminal-based agents

  • visual canvases

  • interactive tool UIs

  • business workflows

  • open infrastructure

These five repositories are a good snapshot of that transition.

And there is one lesson I keep coming back to The future developer toolbox won’t be defined by a single AI assistant. It will be an ecosystem of open-source building blocks that work together.

That’s what makes repositories like these worth watching, not because every developer needs to install all five, because each one shows us a different piece of where software development is heading.

Thank You forΒ Reading!

I hope you found it helpful and informative. If you have any questions or feedback, feel free to leave a comment below. Your support and engagement mean a lot to me.

Happy Coding!

Reply

Avatar

or to participate