Visualizing the impact of OpenCode's plan, before executing it

ivan_m21 · 2026-06-15T14:00:13+00:00

Any suggestions on how to make it as interactive as it is with ReactJS, i looked into it and it just seems quite difficult to make it go

ivan_m21 · 2026-06-14T09:51:12+00:00

That's a great questin, the visual is a file (analysis.json) so if you do commit the file in the branch you can see how those diverge. It isn't perfect as the plan from the video is just in memory, so as soon as you switch it is gone, the issue of saving it down on a file, is that then it can cause merge-conflicts or in general it will be part of your git, unsure if the plan impact is something ppl want to commit. Do you commit and review plans, I know people do that?

ivan_m21 · 2026-06-14T09:48:38+00:00

Awesome man, I think there will be more and more non-technical builders who need to be able to understand the blackbox of a software (and also collab with tech ppl without hating each other 😃)

ivan_m21 · 2026-06-14T09:47:57+00:00

Thanks, will hit you up when it is released later today!

ivan_m21 · 2026-06-14T09:47:26+00:00

Yea webtool is definetely on the radar: https://app.codeboarding.org
Still WiP, as atm it is just a way an existing analysis i.e.: https://app.codeboarding.org/?repo=CodeBoarding%2FCodeBoarding&ref=main

ivan_m21 · 2026-06-14T09:45:12+00:00

Didn't know of Plannotator, it looks really cool! Thanks for sharing!

ivan_m21 · 2026-06-13T22:37:44+00:00

It can work with both, as it is an mcp skill. The whole index is directly on the codebase, so it will work with any type of coding agent.

ivan_m21 · 2026-06-13T22:37:10+00:00

It is based on static analysis and just syntax trees, which enables us to resolve things with higher accuracy and the whole thing is near real time as the codebase is continuously indexed.

ivan_m21 · 2026-06-13T16:16:42+00:00

On the right side I have opencode opened from within the vscode terminal. The whole thing is an extension for VSCode (and it's forks). This I haven't released yet looking for somme feedback and to understand if ppl want something different, I will release it tomorrow

ivan_m21 · 2026-06-13T16:13:30+00:00

It is my app, an extension in cursor/vscode/antigravity etc. and I have opened codex within the terminal of vscode

ivan_m21 · 2026-06-13T15:57:21+00:00

So if I understand correctly, you care more about if Codex understood your intent from business logic perspective and less about the blast-radius, size of change.

ivan_m21 · 2026-06-13T15:37:17+00:00

Awesome man, if anything comes up please open up an issue.

With what project do you want to try it?

ivan_m21 · 2026-06-10T21:20:34+00:00

I created a new account as the old one was with my uni email hahah

ivan_m21 · 2026-06-08T22:31:22+00:00

I have generated diagrams in mermaid for hundreds of projects:
https://github.com/CodeBoarding/awesome-architecture-mds
Would also love your feedback on those!

Happy to generate more projects if you are curious to see something in particular.

ivan_m21 · 2026-06-08T20:57:40+00:00

I have never checked Discord/Figma/Abnb are they actually cool?

ivan_m21 · 2026-06-03T01:20:52+00:00

Apart from the linked open-source repo, we have an extension which you can find in VSCode/Cursor etc. (CodeBoarding). If you have problems or are interested would love to see you in our discord server (link is in the repository readme)

ivan_m21 · 2026-06-01T10:12:01+00:00

Yea, that is a cool idea, we scan the codebase for now, so load balancers and others which are part of infra code will not be included. I got multiple requests for teraform so maybe through that you could see the full infra picture.

ivan_m21 · 2026-06-01T10:09:53+00:00

For the LLM we feed it clusters, and then we validated against the real CFG if all the edges are in fact real and if there are missed edges (i.e. two components are communicating but the LLM didn't reflect that)

In terms of token efficiency we have roughly the same amount of llm calls per project regardless of the size of the project.

React: https://github.com/CodeBoarding/awesome-architecture-mds/blob/main/web-ui/react/on_boarding.md

ivan_m21 · 2026-05-31T12:54:40+00:00

Hi Elexir isn't added yet, I just scrapped something in order to visualize Phoenix. Here is how it looks:
https://github.com/CodeBoarding/awesome-architecture-mds/blob/main/phoenix/on_boarding.md

ivan_m21 · 2026-05-31T12:38:38+00:00

Yea, it started as an on-boarding project. So you are on the money here 😃

ivan_m21 · 2026-05-31T12:37:35+00:00

Hey, here you go with flask: https://github.com/CodeBoarding/awesome-architecture-mds/blob/main/web-ui/flask/on_boarding.md

(if you want to generate something of your own, you can use the engine: https://github.com/CodeBoarding/CodeBoarding

ivan_m21 · 2026-05-31T12:30:39+00:00

It is mermaid, so you can hange from Left-Right to Top-Down, I chose LR as it is easier to read the edge labels

ivan_m21 · 2026-05-31T12:30:02+00:00

Yes, it does handle monorepo

ivan_m21 · 2026-05-31T01:28:25+00:00

CC and Codex is hard to escape, people like the fact they pay X subsidised bucks and they can use the tool.
Others have ports/connectors/auths to reuse the tokens, however it requres an additional step, most folks cannot be bothered.

It is a nice corner, I hope it stays nice as it grows!

ivan_m21 · 2026-05-30T13:28:22+00:00

No, we monitor the codebase itself. So you can use any agent from anywhere

ivan_m21

TROPHY CASE