Get the FREE Ultimate OpenClaw Setup Guide →

Streaming Progress

Scanned
npx machina-cli add skill a5c-ai/babysitter/streaming-progress --openclaw
Files (1)
SKILL.md
716 B

Streaming Progress

Emit real-time progress events for streaming UI consumption.

Agent

Progress Streamer - automaker-progress-streamer

Workflow

  1. Receive progress event from execution stage
  2. Format event with timestamp and stage information
  3. Calculate completion percentage
  4. Generate human-readable summary
  5. Include machine-readable data for UI rendering
  6. Emit formatted event

Inputs

  • projectName - Project name
  • featureId - Feature being tracked
  • event - Progress event with stage, message, data

Outputs

  • Formatted streaming event with progress metrics

Process Files

  • automaker-orchestrator.js - Phase 3 (batch progress)
  • automaker-agent-execution.js - All stages

Source

git clone https://github.com/a5c-ai/babysitter/blob/main/plugins/babysitter/skills/babysit/process/methodologies/automaker/skills/streaming-progress/SKILL.mdView on GitHub

Overview

Streaming Progress emits real-time progress events for streaming UI consumption. It formats each event with a timestamp and stage information, computes a completion percentage, and outputs both a human-readable summary and a machine-readable payload for rendering.

How This Skill Works

It receives progress events from the execution stage, enriches them with a timestamp and stage details, and computes a completion percentage. It then generates a human-readable summary and attaches machine-readable data before emitting the formatted event for UI consumption.

When to Use It

  • Streaming progress for feature delivery in automaker projects
  • Real-time dashboards tracking multi-stage pipelines
  • UI components that display live build or test progress
  • Orchestrator-driven workflows requiring synchronized progress events
  • Debugging and auditing progress through raw event data

Quick Start

  1. Step 1: Wire the Progress Streamer into your pipeline (automaker-progress-streamer)
  2. Step 2: Emit a progress event with projectName, featureId, and event (stage, message, data)
  3. Step 3: Consume the emitted event in the streaming UI and dashboards

Best Practices

  • Define a stable stage taxonomy to map progress
  • Keep the emitted payload lightweight while including essential data
  • Ensure consistent timestamp formatting across environments
  • Validate inputs (projectName, featureId, event) before emission
  • Provide both human-readable and machine-readable fields for UI rendering

Example Use Cases

  • Streaming progress for a new 'Autonomous Drivetrain' feature rollout
  • Batch progress for automaker orchestrator during Phase 3 (automaker-orchestrator.js)
  • Real-time UI for feature development tracking in a multi-stage pipeline
  • Monitoring all stages in the automaker agent-execution.js lifecycle
  • Audit trail generation by emitting machine-readable progress metrics

Frequently Asked Questions

Add this skill to your agents
Sponsor this space

Reach thousands of developers