Developer builds Astro integration that writes visual edits directly to source files
A developer has released @sudodevstudio/astro-ai, an open-source development-only integration for the Astro web framework that allows visual editing without a separate CMS or authoring system. The tool lets users click any element on a rendered page and writes the resulting change directly to the original .astro, .jsx, or .tsx source file, keeping visual and manual edits in the same codebase. Simple changes like text edits and node reordering are handled deterministically without calling an AI model, while complex requests such as making a section responsive are routed to Codex or Claude CLIs. The integration uses @astrojs/compiler-rs and Babel to parse source files and instruments supported elements with data attributes linking DOM nodes to their source locations and ranges. It is available via npm and aims to eliminate the reconciliation conflicts that arise when a visual editor maintains a second representation of the same content.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in