我身处 B 端工业软件行业，岗位是市场销售管理，同时负责一部分生态相关工作。
日常工作内容比较杂，要对接市场活动、统计销售数据、做项目评估对接、生态合作以及结算等各类事务。工作里经常需要产出一些小型前端页面、简单工具应用，用来落地内部重复性工作。
功能说明：
针对工具生成出来的小型系统 HTML 页面，提供可视化自定义编辑能力：支持手动设置、调整画布尺寸；可以上传素材元素；手动完成元素对齐、调整字体大小、位置等可视化操作。
为什么需要这个功能：
现在用 AI 直接调整 UI 细节会遇到很现实的痛点：反复微调样式会消耗大量 token；很多修改要贴合公司模板、领导的定制要求，AI 很容易理解跑偏。
尤其是在已有版本基础上做小改动，比如仅仅改字体颜色、挪动某个组件，交给 AI 修改经常会把原有 V1.0 版本页面结构改得面目全非，需要反复返工，耗费不少时间精力。
另外公司其他项目同事，也有一些是有前端展示的需求，比如系统演示界面的搭建，需要根据我们企业产品整个框架要求，UI要求，搭建定制功能演示界面，一旦与客户汇报，也会遇到反复琢磨界面的情况。
能帮你解决什么问题：
实现前端页面可视化灵活微调，产出稳定、可迭代的前端产物。在已经定型的版本之上，只做局部细节修改，保证页面主体逻辑、布局不会被改动破坏。
希望优化什么场景：
主要用于前端页面局部修改调整。
我的工作流里，市场岗位会有大量物料批量调整这类重复工作，我会借助 TraeCode 搭建一些轻量化小应用来减负。但 B 端宣传物料、内部工具对视觉一致性要求很高，不能任由 AI 自由发挥生成，希望能有一套前端设计约束底座，AI 生成、改动都限定在我设定好的规范范围内，而不是完全自由创作。
包括如果是它自己生成的，也支持可自定义调整。
期望产品形态
两种形式都可以接受：独立网页系统，或是 IDE 内的面板组件；必须是 SaaS 形态，项目文件云端存储。
比如一些底框，字体形态，图形形态等