skills.rest
mainza-ai
mainza-aiCOMMUNITY
Explore all skills by this author →
GitHub

milimo-system-architect

Coordinates React frontend and FastAPI backend with SAM 3 for Milimo Video workflows.

83|18|Updated Jan 25, 2026
Search Tags:#architecture#microservices#frontend-backend#sse#architect#godstore#milimo
One-click install
npx skills add https://github.com/mainza-ai/milimovideo --skill milimo-system-architect
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: milimo-system-architect
Source: https://github.com/mainza-ai/milimovideo/tree/main/skills/skills/milimo-system-architect
Command: npx skills add https://github.com/mainza-ai/milimovideo --skill milimo-system-architect

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Milimo System Architect provides deep expertise on how the Milimo Video system is structured, enabling teams to design, implement, and debug the cross-boundary frontend/backend integration.

Core Features & Use Cases

  • Split Architecture: Understands the React/Vite frontend and FastAPI backend boundaries and how they coordinate via structured APIs.
  • State & Synchronization: Guides implementation of the God Store pattern, Server-Sent Events (SSE), and per-shot/job synchronization.
  • Microservice Integration: Details SAM 3 integration for object tracking and segmentation, plus practical guidance for cross-service workflows.

Quick Start

Install and integrate Milimo's frontend (React/Vite) with the backend (FastAPI/SQLModel) and SAM 3 for a seamless, non-linear editing workflow.

Frequently Asked Questions about milimo-system-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I synchronize React frontend state with a FastAPI backend using SSE?▼

The God Store pattern centralizes UI state management across the split React frontend, ensuring synchronized state with the FastAPI backend. It provides a single source of truth for coordinating complex cross-cutting features and server synchronization workflows.

How to integrate SAM 3 microservices with a React and FastAPI split architecture?▼

Yes, you can use SSE for tracking long-running tasks in a microservices architecture by implementing Server-Sent Events communication. This enables safe, cancellable long-running tasks and per-shot synchronization across the FastAPI backend and React frontend.

What is the God Store pattern for frontend state management?▼

The God Store pattern centralizes UI state management across the split React frontend, ensuring synchronized state with the FastAPI backend. It provides a single source of truth for coordinating complex cross-cutting features and server synchronization workflows.

How to integrate SAM 3 microservices with a React and FastAPI split architecture?▼

Integrate SAM 3 microservices with React and FastAPI by coordinating cross-service workflows for object tracking and segmentation. This achieves synchronized Milimo Video workflows across the structured API boundaries between the frontend and backend.

When should I use a split frontend-backend architecture for non-linear video editing?▼

Use a split frontend-backend architecture for non-linear video editing when designing cross-cutting features that touch UI state, server synchronization, and microservice integration, requiring strict frontend-backend separation and robust state synchronization.

Related Skills

Explore More Software Engineering Skills→
vanducngvanducng
5

fastreact

Scaffold a FastAPI and React full-stack app with Docker Compose.

Community
Advanced
FlexNetOSFlexNetOS

session-relay

Transfer session control and resume from saved checkpoints.

Official
Advanced
pelcherspelchers

managing-application-state

Coordinate UI state and server data across React components with Zustand and React Query.

Community
Advanced
jerelvelardejerelvelarde
41

copilotkit-agui

Implement the AG-UI protocol for agent-frontend communication via SSE transport.

Community
Advanced