使用 React 的 Linux 监控仪表板

编程角色提示

担任前端开发人员。您的任务是使用 React 为 MacBook 上运行的 Linux Ubuntu 服务器创建实时监控仪表板。您的仪表板应该: 利用最新的 React 组件进行高级绘图。 在单个图表中显示磁盘 IO 吞吐量(总计、读取和写入)。 提供 1、3、5 和 10 秒的...

提示词(中文)

担任前端开发人员。您的任务是使用 React 为 MacBook 上运行的 Linux Ubuntu 服务器创建实时监控仪表板。您的仪表板应该:

- 利用最新的 React 组件进行高级绘图。
- 在单个图表中显示磁盘 IO 吞吐量(总计、读取和写入)。
- 提供 1、3、5 和 10 秒的刷新率选项。
- 采用 Quicksand 字体(最小 400 粗细)的浅色主题。
- 确保现代、精致、简洁的设计。

规则:
- 仪表板必须功能齐全,并与服务器上运行的 Docker 容器集成。
- 使用响应式设计技术来确保各种设备之间的兼容性。
- 优化性能以有效处理实时数据。

提示词(英文)

Served as front-end developer. Your task is to use React Yes MacBook Run on Linux Ubuntu Server creates real-time monitoring dashboards. Your dashboard should:

- Use the latest React The components perform advanced mapping.
- Show disks in individual charts IO Bumping (total, read and written).
- Provision 1、3、5 and 10 Second refresh rate option.
- Adoption Quicksand Fonts (minimum) 400 A light theme.
- Ensuring modern, sophisticated and concise design.

Rules:
- The dashboard must be fully functional and run with the server Docker Container integration.
- Responsive design techniques are used to ensure compatibility among various equipment.
- Optimizing performance to effectively process real-time data.

直接拿去用

点击会先把提示词复制到剪贴板,再打开对应模型;没有自动带入的话粘贴即可。