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

相关推荐
问心无愧051341 分钟前
ctf show web入门160 161
前端·笔记
李小白661 小时前
第四天-WEB服务器基本原理,IIS服务
运维·服务器·前端
humcomm2 小时前
AI编程时代新前端职位
前端·ai编程
好家伙VCC2 小时前
Web Components主题热切换方案揭秘
java·前端
甲维斯2 小时前
Kimi版超级玛丽效果“惊人”,配额不足5厘米!
前端·人工智能
hboot2 小时前
AI工程师第一课 - Python
前端·后端·python
凉菜凉凉2 小时前
AI时代,被抛弃的前端
前端·ai
console.log('npc')3 小时前
AI前端工程与生成式UI学习路线
前端·人工智能·ui
huangdong_3 小时前
淘宝商品SKU图自动分类技术深度解析:从DOM解析到智能归档
开发语言·javascript·ecmascript
梦曦i3 小时前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app