Open Loop UI | Project Memo

available

Product walkthrough

Same high-quality WebM walkthrough used by the Open Loop UI README, verified against the upstream repo assets and served locally for stable project-page playback.

Open asset GIF fallback

Bounded claim

Shows current React product-tooling work around DOM-anchored feedback capture, adapter contract design, and reviewable AI-improvement handoff.

RoleFounder / builder

StatusPublic demo, package, and docs

Available proof5 / 5

Sourceoperator-recorded

Stack

Launch surface

npm install @heyitsalec/open-loop-ui

The README documents React 18/19 support, stylesheet import, targetable data attributes, Cmd/Ctrl+. shortcut, and adapter handoff boundaries; host apps own auth, provider choice, queueing, and writes.

Live Repo Package

Project

React design-improvement package

Open Loop UI is an in-app design improvement loop for React: point at real UI, describe the change, preview the route, and hand the request to a local CLI, agent, issue tracker, or PR flow through a small JSON contract.

Problem

Operating context

Design-review feedback often loses its target once it leaves the interface. The missing step is a product-native way to point at the actual UI, describe the improvement, preview the route, and hand off a structured implementation request without leaving the moment.

Ownership

What I owned

Built the React component, adapter boundary, demo app, docs, and Playwright-captured launch media as a personal product-tooling project.