Machina Blog

The AI developer's toolkit

Real tools, real workflows. Built by developers, for developers.

Stay in the loop

New tools, lessons, and AI workflow insights

Monthly digest of what was built, what was learned, and what's coming next. No spam.

No spam · Unsubscribe anytime · Built with Brevo

Latest article
devtools 10 min read

How I Brought My AI Tools to the Browser — No Server Required

BugCapture and LearnBoard were Node.js tools that needed servers. Here's how I rewrote them as zero-install browser apps — replacing ffmpeg with canvas, the file system with localStorage, and adding a voice cascade that degrades gracefully across every browser.

Read article →
More articles
devtools

How I Built PromptBoard — A Visual Canvas for Building AI Prompts

Typing a complex AI prompt into a single text box is a bottleneck. PromptBoard is a drag-and-drop canvas that lets you build prompts visually — combining text blocks, images, flow diagrams, and voice dictation into a single structured .md file you paste into any AI.

8 min →
devtools

How I Built LearnBoard — The UI That Makes Your AI Remember You

Every AI session starts from zero. LearnBoard is the interface layer that solves this: a real-time dashboard for the structured memory file your AI reads at the start of every session. View, edit, and control what your AI knows about you.

9 min →
devtools

How I Built BugCapture — From Screen Recording to AI-Ready Bug Report in One Click

Describing bugs in text wastes hours. BugCapture records your screen and voice, transcribes with offline Whisper, and generates a structured .md file that any AI agent can act on immediately. Here's why I built it and how it works under the hood.

8 min →
Open-source tools covered in this blog
🧠 LearnBoard 🐛 BugCapture 🧬 ContextForge View all on GitHub →