Skills
.Work. You
Rest

dev-log-monitoring

Community

Real-time end-to-end log monitoring for ScreenGraph.

Software Engineering#logs#Playwright#drift-detection#websocket#E2E-testing#ScreenGraph#dev-log-monitoring
Authornirukk52
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides real-time monitoring and analysis of backend (Encore.ts) and frontend (SvelteKit) logs to observe system behavior across services, debug live runs, and verify event streaming during ScreenGraph development.

Core Features & Use Cases

  • Start backend/frontend with log capture
  • Verify health endpoints
  • Navigate using Playwright MCP
  • Inspect frontend console and network for stream activity
  • Analyze complete agent run flow and event timeline

Quick Start

  1. Start backend with logs: cd backend && encore run 2>&1 | tee /tmp/backend-logs.txt &
  2. Start frontend with logs: cd frontend && bun run dev 2>&1 | tee /tmp/frontend-logs.txt &
  3. Verify both services healthy and perform drift detection with Playwright MCP
  4. Open run page and review logs for graph stream events

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dev-log-monitoring
Download link: https://github.com/nirukk52/ScreenGraph/archive/main.zip#dev-log-monitoring

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.