Qasim Shah
All projects

Form

AI website workbench

A generated page should be a starting point. An editing studio with responsive previews, targeted revisions, version history, and HTML exports.

Status
Local prototype
Kind
AI & systems
Stack
React · Express · CodeMirror · Local Codex
Form editing studio with source tools and a fictional Meridian architecture page in its live preview
Local studio capture · sample project

The problem

Generating a page is easy to demonstrate. Keeping its working interactions intact while revising, editing, saving, and exporting it is the harder problem.

What was built

  1. A local studio with responsive previews, direct text editing, a source editor, saved versions, and portable single-page HTML exports.
  2. AI revisions using uniquely matched source replacements, preserving the rest of the document.
  3. Isolated previews, atomic persistence, stale-write protection, and recovery when a generation request fails.

What I learned

Small, exact source changes are easier to validate than replacing a whole working document. Preview isolation and version history make experimentation recoverable.