DEV Community

Cover image for I built three open-source tools for coding agents: onsystem, ondocs and signoff-ui
Diogo Esteves
Diogo Esteves

Posted on

I built three open-source tools for coding agents: onsystem, ondocs and signoff-ui

Coding agents now write a real share of the code in a lot of teams. Three parts of that still go wrong often enough that I built an open-source tool for each, and today all three are public:

  1. The agent writes UI from its training data, not from your design system.
  2. Your docs are written for people, but visitors want answers and agents need a way in.
  3. Someone has to check what the agent changed, and decide what it may do.

onsystem

onsystem: an agent writes a settings card from memory, the hook flags each design-system error with a fix, and the agent applies the fixes

Keeps coding agents on your design system. It catches palette colors, native elements and APIs your design system lacks in agent-written React, at every edit and pull request, with the fix. Set it up once in your design-system package and every app in your monorepo gets it. In Claude Code, the plugin checks each file right after the agent edits it; Cursor, VS Code and Codex get it as an MCP server, and an ESLint plugin and a GitHub Action run the same check.

Try it on your app, nothing installed:

npx -y onsystem check .
Enter fullscreen mode Exit fullscreen mode

I tested it in a 1,200-run benchmark across 6 models from 3 providers. Counted by onsystem 0.5.0's own check, design-system errors per run went from 0.85 without it to 0.00 with its skill, MCP server and hook, with no measurable change in tsc pass rate or cost. Scored by @shadcn/lint, a linter that is not part of onsystem, findings per run went from 4.97 to 2.64. Every run, the method and the caveats are public: onsystem.vercel.app/benchmark.

Playground that checks your own code: onsystem.vercel.app/playground

GitHub logo dgesteves / onsystem

Keeps coding agents on your design system: catches palette colors, native elements and APIs your system lacks, at every edit and pull request, with the fix. Set it up once in your design-system package; every app in your monorepo gets it.

ondocs

ondocs: a visitor asks the docs a question and the answer streams in, citing the exact sections

Open-source Ask AI for your docs. Visitors get cited answers on your own model key, and "I don't know" instead of a guess when the docs don't cover it. Coding agents get an MCP server from the same index. Plugins for Starlight, Docusaurus and VitePress, guides for Next.js, Fumadocs and Nextra, or one script tag. No vendor, no vector database.

Live demo: ondocs.vercel.app

GitHub logo dgesteves / ondocs

Open-source Ask AI for your docs, with an MCP server for agents: cited answers on your own model key, from one static index built with your site. No vendor, no vector database. Starlight, Docusaurus and VitePress plugins, Next.js, or one script tag.

signoff-ui

signoff-ui: an agent run with each tool call in a timeline, then multi-file diff review and approvals

Review what your agent changed. Approve what it may do. React components for multi-file diff review, where the agent gets back exactly what you accepted, and tool approvals once, for the session or always. For AI SDK 6 and 7, AG-UI and ACP agents, inside assistant-ui, AI Elements or your own chat.

Playground, no API key: signoff-ui.vercel.app

GitHub logo dgesteves / signoff-ui

Review what your agent changed and approve what it may do: React components for multi-file diff review and tool approvals that return a result your agent acts on, for AI SDK 6 & 7, AG-UI and ACP agents, inside assistant-ui, AI Elements or your own chat.

Try them, and tell me where they break

All three are MIT licensed and on npm, and each site has a live demo with no sign-up. The roadmaps are public too: I'm building the rest in the open.

If you try one on a real project, tell me where it breaks. That's the feedback I need most right now. Each repo has a launch thread:

If one of them is useful to you, a star on GitHub helps other people find it. Each repo also has good first issues if you want to contribute.

Top comments (0)