ticket-diagram

Create interactive Excalidraw diagrams from GitHub epic data and upload them to issues.

10|Updated Sep 24, 2025

Search Tags:#workflow #github #excalidraw #diagram #epic

Ready to run

npx skills add https://github.com/FriendlyInternet/nuxt-crouton --skill ticket-diagram

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ticket-diagram
Source: https://github.com/FriendlyInternet/nuxt-crouton/tree/main/.claude/skills/ticket-diagram
Command: npx skills add https://github.com/FriendlyInternet/nuxt-crouton --skill ticket-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires excalidraw, and includes scripts (resource) components.

What problem does it solve?

This Skill addresses the challenge of visually representing GitHub epic workflows and sub-issue trees in a clear, interactive format, enhancing communication and collaboration.

Core Features & Use Cases

Interactive Diagrams: Generate and embed Excalidraw diagrams within GitHub issues for easy visualization of epic workflows.
Status Tracking: Color-code issue statuses and dependencies, ensuring at-a-glance progress updates.
Version Control: Commit diagrams and their underlying data as part of the project's history for reference and revision tracking.

Quick Start

Generate a diagram for the GitHub epic #123 by running the ticket-diagram skill with the epic number.

Frequently Asked Questions about ticket-diagram

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

FAQPage Schema

How do I visualize a GitHub epic workflow with sub-issues?▼

You can visualize a GitHub epic workflow by using Excalidraw to generate interactive diagrams of sub-issue trees and embedding them as images directly within GitHub issues.

What is the best way to track issue status and dependencies in GitHub epics?▼

The best way to track dependencies in GitHub epics is to generate Excalidraw diagrams that color-code issue statuses, providing at-a-glance progress updates directly in the issue interface.

How do I embed interactive Excalidraw diagrams into GitHub issues?▼

To embed interactive Excalidraw diagrams into GitHub issues, you generate the visual workflow from epic data and upload the diagram as an image to the corresponding issue page.

Can I use version control to track changes to GitHub epic diagrams?▼

Yes, you can use version control to track changes to epic diagrams by committing the Excalidraw diagrams and their underlying data as part of your project's repository history.

Do I need Excalidraw to create interactive diagrams for GitHub epics?▼

Yes, Excalidraw is a required dependency to create and embed interactive diagrams for GitHub epics, as it provides the visual framework for the workflow representation.

What are the limitations of using static images for epic workflow visualization?▼

Static images for epic visualization do not auto-update; you must regenerate and commit the Excalidraw diagram data to version control whenever the GitHub epic sub-issue tree changes.