Library · Developer · general
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. Your dashboard s…
Prompt text
How it works
Conceptual workflow
Derived from this prompt's instructions: adopt Frontend Developer, then return a single reply. This is a map of the text, not a live model execution. For compile, eval, constrain, and search loops, see prompt engineering.
vcp · prompts/linux-monitoring-dashboard-with-react
run@once
- receive
- role
- execute
- output
Stage 1 / 4 · receive
Receive the user turn
The user sends a task, command, or line of dialogue. That text is the only new input for this turn.
Artifact · user-turn.txt
User input
pwd
Rule in force
This turn’s input is the only new information.
Visible reply
(waiting — role not adopted yet)
Illustration · not a live model run
Prompt evidence
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.Conceptual workflow · 4.5s / stage · 1/4