Главная / Программирование и IT / Единый HTML-дашборд мониторинга Linux

Единый HTML-дашборд мониторинга Linux

Описание промпта

Создай современный одностраничный HTML-дашборд для мониторинга системы Linux (Ubuntu) в реальном времени. Используй React для рендеринга графиков. Дашборд должен отображать метрики CPU, RAM, Disk I/O (чтение/запись/общий) на одном графике. Реализуй выбор интервала обновления (1, 3, 5, 10 сек). Диза…

Что делает этот промпт

Генерирует единый HTML-файл с React-приложением для визуализации системных метрик Linux в реальном времени.

Преимущества

Не требует установки зависимостей, работает в любом браузере, обеспечивает наглядный мониторинг ресурсов сервера.

Для кого подходит

Системные администраторы, DevOps-инженеры, разработчики, работающие с удаленными Linux-серверами.

Инструкция по использованию промпта

1. Скопируй сгенерированный код в файл index.html. 2. Открой файл в браузере. 3. Настрой URL API для получения данных в коде компонента (если требуется реальная интеграция). 4. Выбери интервал обновления в интерфейсе.

Что нужно предоставить

Наличие браузера с поддержкой ES6+, доступ к интернету для загрузки CDN-библиотек (React, Charting lib). Для получения реальных данных требуется настройка бэкенда или API, возвращающего метрики в формате JSON.

Что ожидать в результате

Рабочий HTML-файл с интерактивными графиками, отображающими метрики системы с возможностью выбора частоты обновления.

Рекомендации

Данный промпт создает фронтенд-часть. Для работы с реальными данными Linux необходимо обеспечить передачу метрик (например, через Node.js скрипт, экспортирующий данные в JSON, или использование утилит вроде node-exporter).

Ограничения

Не содержит бэкенда для сбора данных с Linux. Работает только в современных браузерах. Зависит от внешних CDN.

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Выступи в роли Senior Frontend Developer и создай единый, полностью функциональный HTML-файл для мониторинга сервера Linux (Ubuntu 24.04, x86_64). Твоя задача — реализовать дашборд, который работает через SSH-туннель (предполагается, что данные поступают через API или WebSocket, но код должен быть готов к интеграции).

Технические требования:
1. Используй React (последняя версия) через CDN для рендеринга компонентов.
2. Для графиков используй библиотеку, подходящую для визуализации метрик в реальном времени (например, Recharts или Chart.js, встроенные через CDN).
3. На графике Disk I/O должны отображаться три линии: Total Throughput, Read Throughput, Write Throughput.
4. Реализуй интерфейс выбора интервала обновления данных: 1, 3, 5, 10 секунд.
5. Дизайн должен быть современным, минималистичным и чистым (light theme). Используй шрифт Quicksand (минимальный вес 400).
6. Код должен быть самодостаточным: весь CSS и JS инлайн или через CDN, без необходимости сборки.
7. Обеспечь корректную обработку ошибок и состояние загрузки.

Сгенерируй полный код HTML-файла, готовый к открытию в браузере.

Единый HTML-дашборд мониторинга Linux

Поделитесь в социальных сетях

Комментарии