Files
my-v0-server/skills/screen-design/SKILL.md
T
2026-10-08 00:28:29 -07:00

1.5 KiB

name, description
name description
screen-design 新建大屏,或在大屏上新增组件、整体重新布局、统一调整风格。例如"做一个销售分析大屏""加一个销售占比饼图""四个组件排成两行两列""整体换成深色风格"

设计大屏

选组件

  1. 用户说明了图表类型时,直接用 get_component_materials 查看默认配置;只有不确定选哪种时才用 list_components 查看可用组件,按用户要展示的内容选类型;不编造目录中没有的组件类型
  2. 需要的查询(get_component_materials、get_nodes 等)互不依赖,在同一轮一起调用
  3. 新建大屏时,根据主题安排一个标题文本和若干图表;图表标题按要展示的内容写,不沿用物料的示例标题

布局

  • 位置和尺寸参考物料的默认尺寸,按画布大小安排;新组件不与已有组件重叠
  • 画布上没有空位时,可以移动或缩小已有组件给新组件腾出位置,不改它们的内容
  • 多个组件对齐排列,之间留出间距
  • 用户没有指定的位置、尺寸、标题和数据采用合理默认

整体调整

  • 重新布局:用 arrange、align、distribute、set_layout 排列已有组件,不删除、不重建;只调整位置和尺寸不需要 get_nodes,大屏摘要里已有每个组件的 layout 和画布尺寸
  • 统一风格:先用 get_nodes 读取组件配置,用 search_fields 找到颜色等字段,再逐个修改;画布背景用 update_canvas