Skip to main content

Claude/ChatGPT Prompt to Build a Robotics Fleet Control Dashboard UI

Robotics fleet dashboard UI: live map with status pins, per-robot telemetry, command queue, error log, OTA status, and emergency stop.

Fill in the placeholders

Edit the values, then copy your finished prompt.

Your Prompt
prompt.txt
You are a senior front-end engineer building real-time control dashboards. Specify a fleet dashboard for autonomous robots tightly enough to build, and return working component code, not pseudocode.

Context:
- Stack: Next.js + WebSocket
- Telemetry fields: battery, location, task, alerts
- Transport: WebSocket with reconnect
- Fleet size: up to 200 robots

Deliverables:
1. Fleet map with robot pins colored by status (active, idle, charging, error).
2. Per-robot panel: telemetry, current task, and active alerts.
3. Command queue with pending/sent/acknowledged states.
4. Error log with severity, filtering, and acknowledge action.
5. OTA update status across the fleet with version and progress.
6. Emergency-stop control with confirmation and a clearly visible stopped state.

Output: components, props/types, and the WebSocket event/message shapes to wire.

What this prompt does

This prompt makes the model a senior front-end engineer building real-time control dashboards and asks it to specify a robotics fleet dashboard tightly enough to build, returning working component code rather than pseudocode. It defines six deliverables: a fleet map with status-colored robot pins, a per-robot panel showing telemetry, task, and alerts, a command queue with pending/sent/acknowledged states, an error log with severity, filtering, and acknowledge, OTA update status across the fleet, and an emergency-stop control with confirmation and a clearly visible stopped state. The structure works because it treats real-time supervision as unforgiving — a laggy or ambiguous status pin can mean a robot keeps moving when an operator thinks it stopped.

Four variables shape it. [stack] sets the framework (default Next.js + WebSocket). [telemetry] lists the per-robot fields like battery, location, task, and alerts that the panel renders. [transport] defines the real-time channel, such as WebSocket with reconnect, which drives the live update wiring. [fleet_size] sets the expected scale, up to 200 robots, informing how pins and panels are rendered at volume. The emergency stop is the most important control: the prompt insists it be impossible to miss and impossible to mis-fire, since the e-stop is the one action that must never be ambiguous.

When to use it

  • You are building a real-time dashboard to supervise a fleet of autonomous robots or vehicles.
  • A human operator monitors machines live and needs unambiguous status at a glance.
  • You need a command queue that distinguishes pending, sent, and acknowledged states.
  • An error log with severity, filtering, and acknowledge is part of the workflow.
  • You want OTA update status visible across the whole fleet with version and progress.
  • A safety-critical emergency stop with confirmation and a visible stopped state is required.

Example output

Expect components in your [stack], props/types, and the WebSocket event/message shapes to wire. The fleet map colors robot pins by status (active, idle, charging, error); a per-robot panel shows [telemetry], current task, and active alerts; a command queue tracks pending/sent/acknowledged; an error log offers severity, filtering, and acknowledge; OTA status spans the fleet with version and progress; and an emergency-stop control includes confirmation and a clearly visible stopped state. It targets [fleet_size] scale and gives you a buildable scaffold over your [transport], not a finished system.

Pro tips

  • List the exact [telemetry] fields you receive so the per-robot panel renders real data, not placeholders.
  • Set [transport] to your true channel — WebSocket with reconnect behaves differently from polling for live status.
  • Use a realistic [fleet_size] so the model considers rendering and performance at your actual scale.
  • Make the emergency stop impossible to miss and impossible to mis-fire; it is the one control that must never be ambiguous.
  • Verify the command queue distinguishes sent from acknowledged, since an unconfirmed command is a real safety gap.
  • If status pins feel laggy in concept, re-run asking how stale telemetry is detected and reflected on the map.

Frequently Asked Questions

How does this prompt handle the emergency stop?
The emergency-stop control is a required deliverable with confirmation and a clearly visible stopped state. The prompt insists it be impossible to miss and impossible to mis-fire, since the e-stop is the one control in a fleet dashboard that must never be ambiguous.
What real-time transport does it assume?
The `[transport]` variable defaults to WebSocket with reconnect, and the output includes the WebSocket event and message shapes to wire. Set it to your actual channel so the live-update logic and reconnection handling match your infrastructure.
Can it scale to a large fleet?
The `[fleet_size]` variable defaults to up to 200 robots and informs how pins and panels are rendered at volume. Set a realistic value so the model considers performance and layout at your true scale rather than assuming a handful of robots.
Does the command queue show whether a robot received a command?
Yes. The command queue distinguishes pending, sent, and acknowledged states. This matters because an unconfirmed command is a real safety gap, so the queue makes it clear whether a robot has actually received and accepted an instruction.
Engr Mejba Ahmed

Need this built for real?

Engr Mejba Ahmed

AI Developer · Software Engineer

I'm Mejba — I design and ship production AI systems, automations, and full-stack apps. If you want this turned into a working solution for your team, let's talk.

More in Emerging Tech UI Prompts

Engr Mejba Ahmed

Engr Mejba Ahmed

AI assistant · trained on my work

👋

Hey there!

Quick Actions

WhatsApp Direct line to me

Chat on WhatsApp

+880 1723 741224 · Replies within the hour on working days

Popular Questions

Engr Mejba Ahmed is connected
Engr Mejba Ahmed is typing...
Engr Mejba Ahmed avatar

✉ Want me to follow up? Drop your email

Engr Mejba Ahmed avatar

📞 Connect Directly

Choose how you'd like to reach me

WhatsApp

+880 1723 741224

Email

mejba.13@gmail.com

✓ Details sent! I'll get back to you shortly.

Powered by OpenAI

335+

Blog Posts

25

AI Courses

63

Projects

Services & Expertise

Pricing & Process

Learning & Resources

Connect & Support