Linux monitoring single html

Single-File-HTML-Variante des React-Monitoring-Dashboards, direkt im Browser ohne Build-Schritt lauffähig.

Der Prompt

Please create a single fully functional HTML monitoring HTML, for a linux ubuntu latest edition Linux ubuntu-MacBookPro12-1 6.14.0-37-generic #37~24.04.1-Ubuntu SMP PREEMPT_DYNAMIC Thu Nov 20 10:25:38 UTC 2 x86_64 x86_64 x86_64 GNU/Linux on a macbook 12-1 running vscod via ssh from windows vscode. Docker is installed on linux and containers running, I also want the disk IO throughputs of total, read and write in same graph. Use the latest react version components for premium graphing. refreshrates must be 1 3 5 10 secs option, and light theme with Quicksand 400 minum, the design must be modern sopisticated and clean.

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Variante des React-Monitoring-Dashboards als einzelne, eigenständige HTML-Datei - ohne Build-Prozess direkt im Browser lauffähig. Der Kontext beschreibt ein sehr konkretes Setup (MacBook Pro 12,1 mit Ubuntu 24.04, Zugriff per VS Code über SSH von Windows aus, laufende Docker-Container), das man am besten an das eigene System anpasst. Gefordert sind wieder ein kombinierter Disk-IO-Graph, Refresh-Optionen (1/3/5/10 s) und ein helles, modernes Design mit Quicksand-Schrift. Praktisch für alle, die kein separates Frontend-Projekt aufsetzen wollen und stattdessen eine Datei per scp aufs System kopieren oder lokal öffnen möchten. Wie beim React-Pendant fehlt die eigentliche Datenanbindung - die Metrik-Erfassung müssen Sie selbst bereitstellen.

Praxis-Tipp

Tauschen Sie die Maschinen- und Pfadangaben im Prompt gegen Ihr eigenes System aus, bevor Sie ihn verwenden - sonst übernimmt das Modell die Beispielwerte aus dem Prompt.

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …