Skip to content

Cloudy

DevOps engineers face a severe lack of visibility into infrastructure, dealing with a messy sprawl of tools across cloud platforms and fractured CI/CD cycles.

Code Video Cerebral Valley

Core trick

Routes chat to inventory, cost, and deploy sub-agents via Gemini function calling, with clicked diagram nodes passed as chat context.

Tags

dev toolsagents

Description

DevOps engineers face a severe lack of visibility into infrastructure, dealing with a messy sprawl of tools across cloud platforms and fractured CI/CD cycles. Cloudy empowers developers by providing a simple, intuitive visualizer and leveraging autonomous agents to seamlessly ship, trace, and completely understand their entire infrastructure layer.
redesyef/google-io-hackaton★ 00 forksTypeScriptCreated May 23, 2026 · last push May 25, 2026

README excerpt

# CloudCanvas — Conversational Infrastructure for GCP

> Google I/O Hackathon 2026 · Built with Gemini 3.5 Flash + Managed Agents

CloudCanvas is a **bidirectional canvas** for your Google Cloud
infrastructure: a live diagram you can click, plus a multi-agent chat that
reads, reasons about, and acts on what you see. Not a chatbot with tools —
a coordinated system of **managed sub-agents** (inventory · cost · deploy)
orchestrated by Gemini 3.5 Flash.

## What makes it different

1. **Multi-agent, not single-agent.** The Orchestrator routes intent to
   one of three Gemini sub-agents via function calling. Each sub-agent
   has its own system prompt and a narrow tool catalog.
2. **The diagram is bidirectional.** Click a node and the chat already has
   context. The agent proposes a change and a ghost node appears on the
   canvas. You confirm and it becomes real.
3. **Full agent transparency.** Every assistant message carries a
   collapsible trace: which sub-agent ran, which tool it called, what
   it returned. No black box.

## Architecture

```
┌─────────────────────────────┐         ┌──────────────────────────────────┐
│  Next.js 14 (frontend)      │         │  FastAPI (backend)               │
│  - Login / GCP setup        │ ◀─SSE─▶ │  ┌──────────────────────────┐    │
│  - Zustand store            │         │  │ Orchestrator             │    │
│  - React Flow live canvas   │         │  │  (Gemini 3.5 Flash)      │    │
│  - Per-message agent trace  │         │  │  delegate

Team