Blog

Shipping notes, product decisions, and technical experiments from real-world builds.

Native AI editing for Puck, the open-source visual page builder for React

Puck is the open-source visual drag-and-drop page builder for React — 12k+ GitHub stars, a clean plugin API, and the one the community has rallied around. Avocado Studio plugs into it natively: visual editing on the canvas, AI chat in the sidebar, both producing the same operations through the same orchestrator. No extra integration work for the site.

Building Avocado Studio: an AI editor that doesn't break your website

The enterprise DXPs are racing to ship agentic editing. I'm building an open, self-hostable alternative — here's what I've learned so far.

I wanted to find farm stays in Italy. Google Maps wasn't enough.

Planning a family trip to Puglia, I hit a wall with Google Maps. So I built a pipeline that searches, deduplicates, and maps places automatically.

The story behind my AI site editor

A personal R&D experiment: what happens when you point Claude Code and Codex at the question 'what if you could just tell a website what to change?' and let them build for a few months.

Using Gemini Nano — product learnings

What changed when I moved Gemini Nano from demo mode into real user workflows.

Streaming edits into iframe

What actually works when you want AI output to feel live inside a visual editor.

Why JSON breaks LLM streaming

Strict JSON output looks clean on paper. The moment you try to parse it token-by-token, you find out how many ways an LLM can hand you a half-finished object.

AI editor UX: chat vs properties

Chat feels magical early, but property panels keep teams precise once complexity grows.