首页 / 工具实用 & 趣味编程 / Linux Monitoring Dashboard With React
通用工具实用 & 趣味编程直接可用

Linux Monitoring Dashboard With React

Act as a Frontend Developer. You are tasked with creating a real time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React.…

完整提示词共 745 字,复制不受页面折叠影响
Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should:

- Utilize the latest React components for premium graphing.
- Display disk IO throughputs (total, read, and write) in a single graph.
- Offer refresh rate options of 1, 3, 5, and 10 seconds.
- Feature a light theme with the Quicksand font (400 weight minimum).
- Ensure a modern, sophisticated, and clean design.

Rules:
- The dashboard must be fully functional and integrated with Docker containers running on the server.
- Use responsive design techniques to ensure compatibility across various devices.
- Optimize for performance to handle real-time data efficiently.
变量模板工具

填写变量,一键生成完整提示词

所有字段会实时替换到原始提示词中;未填写的变量会保留,方便继续编辑。

生成结果 · 745 字
Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should:

- Utilize the latest React components for premium graphing.
- Display disk IO throughputs (total, read, and write) in a single graph.
- Offer refresh rate options of 1, 3, 5, and 10 seconds.
- Feature a light theme with the Quicksand font (400 weight minimum).
- Ensure a modern, sophisticated, and clean design.

Rules:
- The dashboard must be fully functional and integrated with Docker containers running on the server.
- Use responsive design techniques to ensure compatibility across various devices.
- Optimize for performance to handle real-time data efficiently.

使用建议

  1. 先用默认结构运行一次,确认模型理解角色与任务。
  2. 再填写具体主题、对象、语气和输出格式,结果会更稳定。
  3. 如果更换 AI 平台,可从页面顶部的平台专区继续筛选适配版本。