工作区 / AI 看板设计师
草稿尚未保存
D
DASHBOARD DESIGN COPILOT

从需求,到数据,再到看板。

描述你要解决的业务问题。生成看板规划、数据接口清单、来源与口径说明,以及适配 OpenAI Codex、WorkBuddy、TRAE、Qwen Code、GLM、Kimi Code、Claude Code、Grok Build 等工具的开发指令。

01

Dashboard 规划设计

定义业务目标、布局结构、视觉风格和数据规则。

需求与配置
尽量说明:谁使用、要做什么决策、指标定义、时间范围、分组/筛选、刷新频率、异常阈值。
决定生成结果应达到的实际产品深度,而不仅是页面复杂度。默认推荐业务流程型。
写清“用户做什么 → 系统发生什么变化 → 如何保存与恢复”。未填写时,系统会根据业务目标识别可能的交互需求,并将推断项明确列出。
密度会同步影响预览间距、卡片比例与生成指令。
OpenAI Codex代码 Agent · 可在已授权的项目环境中读写文件并运行测试官网 ↗
产品名称与能力已校核:TraeWork 是 AI 工作助手,包含 Work / Code / Design 等模式;TraeCode 是专门的 AI 编程产品。Qwen Code 是编程 Agent,千问通用对话入口单独列示。实际可操作范围取决于所选客户端、模式与授权。
平台名称、官网链接和网站图标按官方产品入口整理;图标自动读取官网 favicon,若无法加载则显示产品简称。生成指令会根据平台是否具备代码执行环境分别适配,不会假定所有 AI 都能直接改仓库或部署。
只填写字段名、虚构样例或已脱敏结构。不要粘贴密码、API Token、客户个人信息或商业机密。
填写已部署的 AI Planner Worker /analyze 地址。模型密钥必须配置在服务端;留空时使用本地规则分析。
完成配置后,下一步查看当前设计的真实渲染效果。
02

Dashboard 实时预览

切换布局、风格、配色或设备尺寸,预览随配置即时更新。

LIVE PREVIEW
DESIGN PREVIEW / LIVE RENDER
业务经营总览
三栏分区式 · iOS Premium Glass · Executive Blue · 平衡型业务流程型 · 交互规格
演示预览 · 数值为虚构示例,不代表真实经营结果。布局、风格、配色及设备尺寸均由当前选择实时渲染。
确认预览后,生成与当前选择一致的开发指令。
02

Dashboard 指令生成

按照当前 Design Spec 生成可复制指令、数据源规划及 Dashboard JSON。

生成与交付
设计配置已关联

布局、视觉风格、配色与内容密度会一并写入开发指令。

等待生成生成后可切换查看开发命令、数据源规划和 JSON 配置
结果由当前页面本地规则生成

方案生成将覆盖

① 指标与布局

业务目标 → KPI → 趋势/对比/分布 → 异常与明细;避免只堆装饰图表。

② 数据来源与可信度

逐个指标标明源系统、字段映射、计算口径、更新时间、缺失值和数据质量检查。

③ API 接入与安全

鉴权、分页、限流、超时、缓存、错误状态;密钥只放服务端,不写入前端。

④ 可执行开发指令

输出带验收标准的命令,适配你选择的开发平台,要求先检查项目再修改。

数据源规划原则

优先使用官方 API / OpenAPI 文档或业务系统导出;没有接口时明确提出 CSV/Excel 导入方案。绝不凭空编造实时数据或接口字段。数据无法验证时必须标记“待确认”,并提供连接测试与字段映射步骤。

后续生产能力

账号登录跨设备同步真实模型 API数据源连接器在线发布链接

需要认证服务、数据库、模型服务端密钥和部署配置;静态 GitHub Pages 本身不能安全地托管这些秘密。

账户与多端同步

邮箱登录 · 看板云端存储
账户服务已由系统配置,无需填写项目地址或密钥。每位用户只能访问自己的看板。请勿分享你的服务端密钥或第三方 API Token。
正在检查账户服务…

请使用同一个邮箱登录不同设备以同步看板。若提示邮件发送频率受限,请等待倒计时后重试。

使用指南

从业务需求到可执行的 Dashboard 方案
1. 描述业务目标

说明使用者、业务决策、核心指标和刷新频率;不确定的口径会被标为待确认。

2. 选择布局、风格和配色

每类均有 6 种选项,右侧预览会随选择即时变化。

3. 生成与导出

生成需求规划、数据源规划、开发命令和 JSON 方案,可复制或下载。

4. 云端同步

用邮箱登录后保存到云端;同一个账户可在不同设备访问。邮件限流时不要连续点击发送。

5. 数据安全

预览数值是虚构示例;真实数据接入前应验证数据源、授权和字段口径。不要填写服务端密钥。