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
Repository: excalidraw/excalidraw
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/excalidrawThat 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:
inspect the repository
understand the issue
modify code
run tests
discover failures
fix them
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
Repository: MoonshotAI/kimi-code
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
Repository: documenso/documenso
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
Repository: modelcontextprotocol/ext-apps
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
β
DocumensoAnd 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.
