MycavemanPisetup

AlrightfolksfromthePiworld,mycavemanPisetupandabitabouttheworkflow.

Extensions

Honourable mention goes to @aidenybai’s React grab which is absolutely essential when working with React-based apps. Up to the point where if you’re working on any thing that can use react, you probably should, no matter if it’s an overkill.

github.com/aidenybai/react-grab

Skills

Honourable mention to @noizynerd’s aka Opencode-Snippets-JosXa’s strict typescript rules stack.

Workflow

I tend to post any features as issues on GH in a separate session so when I notice things, I can then resolve it in one pass. Most of the time I run 3-4 sessions. Hardly ever work on two things in one project. If something is really small I just ask the agent to create a separate worktree and work in it (skipping /review because it wouldn’t work), no fancy tooling around it or folder structure required.

The workflow using these is roughly, per session:

I don’t care whether the session gets compacted or not. By the magic of Pi’s compaction system, it just works.

UI work

When working on UI from scratch, I give the agent a reference frame. So let’s say if I want to create something that looks like Discord, I would tell it that, ask it to control my browser to click through some stuff and take screenshots. Remember every PWA, every Electron app can be launched with browser control enabled. I believe I do it for anything I launch on my computer as a default. Then I feed the agent other bits of interfaces I like and ask it for a mashup (screenshots). At this point I create a mock UI and review it. I am not expecting the Clanker to come up with anything original anyway, so I do not subscribe to the idea of one-shotting a nice frontend. When the mock is done, I start using React grab and screenshots to customise the hell out of it. The final outcome doesn’t really resemble anything that it was based on, apart from the basic idea. Derivative work? Yeah, sure. Isn’t everything a sidebar and chat window anyway these days?

Stack

Techstack: bun for bundling, node for the actual apps, react+ts+tailwind. Convex wherever applicable. Think that’s it.

There you have it. Simple stupid. No loops, no worker subagents. Just raw clanking and understanding what is happening.

Read more about the actual process: How to clank hard without knowing how to code.

Originally published on: https://x.com/Howaboua/status/2053792465295937844?s=20