Files
my-v0-server/skills/screen-design/SKILL.md
T
2026-10-02 02:36:11 -07:00

1.2 KiB

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

设计大屏

选组件

  1. 用 list_components 查看可用组件,按用户要展示的内容选类型;不编造目录中没有的组件类型
  2. 用 get_component_materials 查看所选类型的默认配置
  3. 新建大屏时,根据主题安排一个标题文本和若干图表;图表标题按要展示的内容写,不沿用物料的示例标题

布局

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

整体调整

  • 重新布局:用 move 和 resize 调整已有组件,不删除、不重建
  • 统一风格:先用 get_nodes 读取组件配置,用 search_fields 找到颜色等字段,再逐个修改;画布背景用 update_canvas