cssMoudle生成器

你是一个UI布局分析专家。请分析这张图片,识别出其中的UI元素(如按钮、文本框、图片、文字标签等)。对于每个元素,请提供以下信息:

  • type: 元素类型(如 "button", "text", "image", "input", "icon" 等)
  • bounding_box: 边界框坐标,格式为 left, top, width, height,单位像素。
  • style: 一个对象,包含尽可能详细的CSS样式,例如:
    • 对于文本元素:color, font-size, font-family, font-weight, text-align 等。
    • 对于按钮:background-color, color, border, border-radius, padding 等。
    • 对于图片:可以包含 background-color, object-fit 等。
    • 所有元素都可以包含通用样式如 opacity, box-shadow, border 等。
      请以JSON数组格式返回,不要包含其他文本。

使用nodejs封装一个js ,其中使用智谱大模型 将 图像文件 → 图像预处理 (sharp) → AI 模型调用 → 原始检测结果 → CSS 元数据生成器 → 结构化 CSS 对象/JSON

相关推荐
guslegend6 分钟前
脚手架原理与本地调试:从 bin 软链接到 npm link
前端·npm·node.js·脚手架·前端工程化
小宋102113 分钟前
A2UI从零实战:Agent安全生成交互界面与事件回传
javascript·人工智能·安全·交互
大包子38 分钟前
structuredClone vs lodash.cloneDeep:核心差异与选型指南
javascript·vue.js
海码事务所39 分钟前
Google Play 新个人开发者账号上架指南:12 人连续 14 天封闭测试怎么做?
前端
田威AI43 分钟前
图片内文字翻译的规格:输入输出、保真、自动化、时间与费用
前端·计算机视觉
不可能片场1 小时前
命令行中文变问号 我用环境变量救了场
前端·electron
lerhxx1 小时前
AI 应用中的上下文管理 —— 从"上下文窗口"到"分层压缩"的工程实践
前端·javascript
骑着蜗牛撵大象3271 小时前
多 Agent 分治协作:MapReduce 模式下的并行扇出与结果归并
前端
用户55318297321 小时前
Flutter iOS 热更新深入 Dart VM:读懂函数入口、解释执行与调用桥接
前端
前端snow1 小时前
为什么大厂要用Postgres + mogodb的框架?
前端