之前看到Cursor的可视化编辑器觉得挺好玩，于是就自己缝了一个，可以给Claude Code和Codex直接在浏览器上用 
让Claude Code/Codex也能使用的可视化编辑器 
如何开启：右键 > chrome mcp server > 切换网页编辑模式 
或者快捷键： cmd/ctrl + shift + o 
交互式尺寸与排版调整
接在画布上拖拽元素边缘调整宽、高及字体大小。所有的视觉调整将自动转换为代码变更建议，由 Agent 应用到源码中，实现设计与代码的实时同步。 

  
    
  

可视化属性面板
通过元素属性面板直接管理 CSS 属性。支持一键调整 Flex/Grid 布局、内外边距及样式细节。适合快速原型设计或 UI 微调，大幅减少 CSS 编写时间。 

  
    
  

直接调试组件Vue/React组件的状态
支持实时查看和修改 React 及...