Creator of CrossUI

github

devto

medium

Jack Li  • Peerlist

<h3>Tune AI's UI </h3>CrossUI Studio is a visual IDE for React and MUI (and shadcn/ui). Code and canvas stay in two-way sync on the same AST: edit code and the canvas updates live; click an element on the canvas, change a prop, and you get a one-line diff in the actual file — not a 200-line rewrite.The idea is simple: AI writes the logic, Studio tunes the UI. AI is great at architecture, data flow, and refactors, but bad at pixel-level UI tuning.Studio is the visual half — surgical, reviewable edits on your real code. What makes it different from other visual editors: it doesn't export, fork, or own a runtime. Your source code is always the source of truth. Stop using it tomorrow and nothing breaks — no lock-in.Key features:<ul><li>Symmetric code ↔ canvas editing on the AST (clean one-line diffs)</li><li>Layer drill-down at any depth (.map, ternary, children) with mock data</li><li>Dependency graph built from static AST — renders even when the app crashes</li><li>Inject a mock for a broken dependency to restore a render without rebuild</li><li>Works on your Git repo (GitHub/GitLab/Bitbucket) or a local folder</li><li>Guest mode: try it instantly with no account</li></ul>