DASHBOARD DESIGN COPILOT
从需求,到数据,再到看板。
描述你要解决的业务问题。生成看板规划、数据接口清单、来源与口径说明,以及适配 OpenAI Codex、WorkBuddy、TRAE、Qwen Code、GLM、Kimi Code、Claude Code、Grok Build 等工具的开发指令。
01
需求与配置Dashboard 规划设计
定义业务目标、布局结构、视觉风格和数据规则。
尽量说明:谁使用、要做什么决策、指标定义、时间范围、分组/筛选、刷新频率、异常阈值。
写清“用户做什么 → 系统发生什么变化 → 如何保存与恢复”。未填写时,系统会根据业务目标识别可能的交互需求,并将推断项明确列出。
产品名称与能力已校核:TraeWork 是 AI 工作助手,包含 Work / Code / Design 等模式;TraeCode 是专门的 AI 编程产品。Qwen Code 是编程 Agent,千问通用对话入口单独列示。实际可操作范围取决于所选客户端、模式与授权。
平台名称、官网链接和网站图标按官方产品入口整理;图标自动读取官网 favicon,若无法加载则显示产品简称。生成指令会根据平台是否具备代码执行环境分别适配,不会假定所有 AI 都能直接改仓库或部署。只填写字段名、虚构样例或已脱敏结构。不要粘贴密码、API Token、客户个人信息或商业机密。
填写已部署的 AI Planner Worker /analyze 地址。模型密钥必须配置在服务端;留空时使用本地规则分析。
完成配置后,下一步查看当前设计的真实渲染效果。
02
Dashboard 实时预览
切换布局、风格、配色或设备尺寸,预览随配置即时更新。
LIVE PREVIEW
演示预览 · 数值为虚构示例,不代表真实经营结果。布局、风格、配色及设备尺寸均由当前选择实时渲染。
确认预览后,生成与当前选择一致的开发指令。
02
生成与交付Dashboard 指令生成
按照当前 Design Spec 生成可复制指令、数据源规划及 Dashboard JSON。
设计配置已关联
布局、视觉风格、配色与内容密度会一并写入开发指令。
等待生成生成后可切换查看开发命令、数据源规划和 JSON 配置
结果由当前页面本地规则生成
方案生成将覆盖
① 指标与布局
业务目标 → KPI → 趋势/对比/分布 → 异常与明细;避免只堆装饰图表。
② 数据来源与可信度
逐个指标标明源系统、字段映射、计算口径、更新时间、缺失值和数据质量检查。
③ API 接入与安全
鉴权、分页、限流、超时、缓存、错误状态;密钥只放服务端,不写入前端。
④ 可执行开发指令
输出带验收标准的命令,适配你选择的开发平台,要求先检查项目再修改。
数据源规划原则
优先使用官方 API / OpenAPI 文档或业务系统导出;没有接口时明确提出 CSV/Excel 导入方案。绝不凭空编造实时数据或接口字段。数据无法验证时必须标记“待确认”,并提供连接测试与字段映射步骤。
后续生产能力
账号登录跨设备同步真实模型 API数据源连接器在线发布链接
需要认证服务、数据库、模型服务端密钥和部署配置;静态 GitHub Pages 本身不能安全地托管这些秘密。