Wróć do projektów
Web Development · Cloud & DevOps
2026 MIT License

Omniscale

AI-powered platforma do orkiestracji infrastruktury chmurowej z wbudowanym agentem SRE — deklaratywne zarządzanie zasobami inspirowane Terraform, spięte z dashboardem monitorowania w czasie rzeczywistym inspirowanym Datadog.

TypeScript
Język
Next.js 16
Framework
ReactFlow
Topologia
Google Gemini
SRE Agent

Infrastruktura, którą
agent widzi za ciebie

Omniscale łączy dwa światy, które zwykle żyją w osobnych narzędziach: deklaratywne zarządzanie zasobami chmurowymi w stylu Terraform oraz dashboard obserwowalności znany z Datadog. Zamiast przełączać się między konsolą chmury a panelem metryk, zespół DevOps/SRE dostaje jedno miejsce do definiowania, wdrażania i monitorowania infrastruktury.

Sercem platformy jest wbudowany SRE Agent oparty na Google Gemini — obserwuje telemetrię w czasie rzeczywistym, wykrywa anomalie i potrafi zaproponować lub wykonać działania naprawcze bez ręcznej interwencji.

🧠
AI-Powered SRE Agent
Agent oparty na modelach Google Gemini analizuje stan systemu i automatyzuje reakcję na anomalie
📡
Real-time monitoring
Dashboard z metrykami na żywo, wykresami (Recharts) i alertami inspirowany Datadog
🧾
Infrastructure as Code
Deklaratywne definiowanie zasobów chmurowych, kompatybilne koncepcyjnie z Terraform
🕸️
Interaktywna topologia
ReactFlow wizualizuje zależności między zasobami i przepływy danych w systemie
🧩
Modularny, typowany UI
Komponenty shadcn/ui i Base UI React, cały kod w TypeScript (97.8%)

Stack technologiczny

⚙️
TypeScript 5
Statyczne typowanie całego kodu — 97.8% repozytorium.
Next.js 16.3
Framework full-stack — App Router, server-side rendering, API routes.
⚛️
React 19.2
Biblioteka UI napędzająca cały interfejs platformy.
🎨
TailwindCSS 4
Utility-first stylowanie, szybki i responsywny development.
🧱
shadcn/ui & Base UI
Wysokiej jakości, niezależne komponenty React budujące interfejs.
🕸️
ReactFlow 11.11
Interaktywne diagramy przepływów i topologii infrastruktury.
📊
Recharts 3.10
Wykresy i grafy metryk — łatwa integracja, pełna responsywność.
🎞️
Framer Motion 13
Płynne animacje i mikrointerakcje w całym interfejsie.
🧠
Google GenAI 2.16
Integracja z modelami Google Gemini napędzająca SRE Agenta.

Jak to działa

01
Infrastruktura jako kod

Zasoby chmurowe definiowane są deklaratywnie, podobnie jak w Terraform, a warstwa API Next.js tłumaczy je na akcje wobec dostawcy chmury.

const resource = defineResource({
  type: "compute.instance",
  spec: { region, size },
});
02
Topologia w ReactFlow

Zależności między zasobami renderowane są jako interaktywny graf — węzły i krawędzie odzwierciedlają realną architekturę systemu.

<ReactFlow
  nodes={infraNodes}
  edges={infraEdges}
/>
03
Telemetria na żywo

Metryki wydajności i stanu systemu spływają do dashboardu i są wizualizowane w czasie rzeczywistym przy pomocy Recharts.

<LineChart data={metrics}>
  <Line dataKey="latency" />
</LineChart>
04
SRE Agent

Agent oparty na Google Gemini analizuje strumień telemetrii, wykrywa anomalie i proponuje bądź wykonuje działania naprawcze.

const diagnosis = await sreAgent.analyze(
  telemetrySnapshot);
05
Alerty i notyfikacje

Przekroczenie progów metryk lub wykrycie anomalii przez agenta uruchamia alert widoczny na dashboardzie i w kanałach powiadomień.

if (metric.value > threshold) {
  notify(alertChannel, metric);
}
06
Automatyzacja operacyjna

Powtarzalne zadania operacyjne — skalowanie, restarty, czyszczenie zasobów — mogą być delegowane agentowi zamiast obsługiwane ręcznie.

await sreAgent.execute(
  recommendedAction);

Co wyróżnia platformę

AIAgent wykorzystujący modele Google Gemini do analizy i automatyzacji
Real-time monitoring — dashboard z metrykami na żywo
IaCDeklaratywne zarządzanie infrastrukturą jako kodem
🧩Modularne komponenty UI wielokrotnego użytku
📱Responsywny design — działa na wszystkich urządzeniach
TSCały kod w TypeScript — bezpieczeństwo typów end-to-end

Dlaczego te technologie

Technologia Zastosowanie Powód wyboru
Next.jsFramework full-stackServer-side rendering, API routes, optymalizacja
ReactFlowDiagramy topologiiInteraktywne wizualizacje architektur
RechartsWykresy metrykŁatwa integracja, pełna responsywność
Framer MotionAnimacje UIPłynne przejścia i mikrointerakcje
Google GenAISRE AgentZaawansowana analityka i automatyzacja
TailwindCSSStylowanieSzybki development, responsywny design
TypeScriptCały kod (97.8%)Bezpieczeństwo typów, lepsze wsparcie IDE

Jak uruchomić

Wymagania
Node.js 18+ npm Klucz API Google GenAI
1
Zainstaluj zależności
npm install
2
Uruchom w trybie deweloperskim
npm run dev
# aplikacja dostępna na http://localhost:3000
3
Build produkcyjny
npm run build
npm start
4
Linting
npm run lint

O projekcie

Wersja
0.1.0
Główny język
TypeScript (97.8%)
Licencja
MIT
Status
Aktywny
Rozmiar repo
139 KB
Wszystkie projekty