Back to Skills

dagu-webui

vinnie357
Updated Yesterday
31 views
0
View on GitHub
Designautomationdesign

About

This skill provides guidance for using Dagu's Web UI to manage, monitor, and execute workflows through the browser. Use it when navigating the interface to start/stop workflows, view execution logs and status, or monitor running jobs. It covers core capabilities like workflow management, real-time monitoring, DAG visualization, and accessing execution history.

Documentation

Dagu Web UI

Use this skill when working with Dagu's web interface to manage workflows, view execution history, monitor running workflows, or configure the UI.

When to Use This Skill

Activate when:

  • Navigating the Dagu web interface
  • Starting, stopping, or retrying workflows via UI
  • Viewing workflow execution logs and status
  • Monitoring running workflows
  • Managing workflow history
  • Configuring workflow schedules through the UI
  • Troubleshooting workflow issues using the UI

Core Capabilities

The Dagu Web UI provides:

  1. Workflow Management - View, start, stop, and manage workflows
  2. Execution Monitoring - Real-time status and logs
  3. History Viewing - Past execution records and results
  4. DAG Visualization - Visual representation of workflow structure
  5. Log Access - View detailed execution logs
  6. Schedule Management - Configure when workflows run

Quick Start

Access Dagu Web UI at http://localhost:8080 (default) after starting Dagu:

dagu server

Primary Operations

Start a Workflow

To manually execute a workflow:

  1. Navigate to workflow list
  2. Click the workflow name
  3. Click "Start" button
  4. View real-time execution progress

Monitor Execution

For detailed information on a running workflow, consult references/monitoring.md which covers:

  • Reading execution logs
  • Understanding status indicators
  • Tracking step progress
  • Identifying failures

View History

To review past executions, see references/history.md for guidance on:

  • Filtering execution history
  • Analyzing failed runs
  • Comparing execution times
  • Exporting execution data

Workflow Visualization

The DAG view shows workflow structure. For detailed visualization features, see references/visualization.md.

When to Consult References

  • Detailed UI navigation: Read references/ui-navigation.md
  • Advanced monitoring: Read references/monitoring.md
  • History analysis: Read references/history.md
  • Workflow editing via UI: Read references/workflow-editor.md
  • Configuration options: Read references/configuration.md

Common Tasks

Restart a Failed Workflow

  1. Find the failed execution in history
  2. Click the retry/restart button
  3. Monitor the new execution

Stop a Running Workflow

  1. Navigate to the running workflow
  2. Click "Stop" or "Cancel"
  3. Confirm the action
  4. View cleanup handlers execution

View Detailed Logs

When you need to debug a workflow:

  1. Click on the specific workflow execution
  2. Select the step with issues
  3. View stdout/stderr logs
  4. Check for error messages

For advanced log analysis, consult references/monitoring.md.

Key Principles

  • Real-time visibility: Web UI provides live updates of workflow execution
  • Click-based operations: No CLI needed for basic workflow management
  • History preservation: All executions are logged and accessible
  • Visual feedback: Status indicators show current state at a glance
  • Log accessibility: Detailed logs available for debugging

Pro Tips

  • Use the search feature to quickly find workflows by name
  • Filter execution history by date range or status
  • Click on step names in DAG view for step-specific details
  • Use the refresh button if live updates seem delayed
  • Check the scheduler status to verify cron jobs are active

Quick Install

/plugin add https://github.com/vinnie357/claude-skills/tree/main/webui

Copy and paste this command in Claude Code to install this skill

GitHub 仓库

vinnie357/claude-skills
Path: dagu/skills/webui

Related Skills

sglang

Meta

SGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.

View skill

langchain

Meta

LangChain is a framework for building LLM applications using agents, chains, and RAG pipelines. It supports multiple LLM providers, offers 500+ integrations, and includes features like tool calling and memory management. Use it for rapid prototyping and deploying production systems like chatbots, autonomous agents, and question-answering services.

View skill

Algorithmic Art Generation

Meta

This skill helps developers create algorithmic art using p5.js, focusing on generative art, computational aesthetics, and interactive visualizations. It automatically activates for topics like "generative art" or "p5.js visualization" and guides you through creating unique algorithms with features like seeded randomness, flow fields, and particle systems. Use it when you need to build reproducible, code-driven artistic patterns.

View skill

webapp-testing

Testing

This Claude Skill provides a Playwright-based toolkit for testing local web applications through Python scripts. It enables frontend verification, UI debugging, screenshot capture, and log viewing while managing server lifecycles. Use it for browser automation tasks but run scripts directly rather than reading their source code to avoid context pollution.

View skill