Initial commit
This commit is contained in:
136
skills/ln-210-epic-coordinator/diagram.html
Normal file
136
skills/ln-210-epic-coordinator/diagram.html
Normal file
@@ -0,0 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ln-210-epic-coordinator - State Diagram</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
|
||||
<link rel="stylesheet" href="../shared/css/diagram.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1>🎯 ln-210-epic-coordinator</h1>
|
||||
<p class="subtitle">Epic Coordinator - State Diagram v7.0.0</p>
|
||||
</header>
|
||||
|
||||
<div class="info-box">
|
||||
<h3>📋 Workflow Overview</h3>
|
||||
<ul>
|
||||
<li><strong>Purpose:</strong> Decompose scope/initiative into 3-7 Epics (Linear Projects)</li>
|
||||
<li><strong>Modes:</strong> CREATE (batch preview → create ALL Epics) / REPLAN (compare IDEAL vs EXISTING → execute operations)</li>
|
||||
<li><strong>Pattern:</strong> Batch Preview (show ALL Epics) → Single Confirm → Create ALL</li>
|
||||
<li><strong>Output:</strong> 3-7 Linear Projects with Epic documents (Epic 0: Infrastructure, Epic 1-N: Business domains)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="legend">
|
||||
<div class="legend-item">
|
||||
<div class="legend-color color-discovery"></div>
|
||||
<span>Discovery/Research</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<div class="legend-color color-loop"></div>
|
||||
<span>Preparation</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<div class="legend-color color-decision"></div>
|
||||
<span>Decision Point</span>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<div class="legend-color color-action"></div>
|
||||
<span>Creation/Completion</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="diagram-container">
|
||||
<div class="mermaid">
|
||||
graph TD
|
||||
Start([Start: Create/Replan Epics]) --> Phase1[Phase 1: Discovery & Research<br/>Auto-discover Team ID + Next Epic Number<br/>Scan docs + HTML files<br/>Infrastructure Epic decision]
|
||||
|
||||
Phase1 --> Phase2[Phase 2: Scope Analysis<br/>Auto-identify domains from docs + HTML<br/>Build Epic list Epic 0-N<br/>Show proposed structure]
|
||||
|
||||
Phase2 --> UserConfirm1{User confirms<br/>Epic structure?}
|
||||
UserConfirm1 -->|No| Phase2
|
||||
UserConfirm1 -->|Yes| Phase3[Phase 3: Check Existing Epics<br/>Count rows in Epic Story Counters]
|
||||
|
||||
Phase3 --> Decision{Existing<br/>Epics count?}
|
||||
|
||||
Decision -->|Count = 0<br/>CREATE MODE| Phase4[Phase 4: Epic Preparation<br/>Auto-extract Q1-Q5 for ALL domains<br/>Generate ALL Epic documents]
|
||||
|
||||
Phase4 --> Phase5a[Phase 5a: Epic Creation<br/>Show batch preview Epic 0-N]
|
||||
|
||||
Phase5a --> UserConfirm2{User types<br/>'confirm'?}
|
||||
UserConfirm2 -->|No| Phase4
|
||||
UserConfirm2 -->|Yes| CreateAll[Create ALL Epics in Linear<br/>Epic 0 → Epic 11: Infrastructure<br/>Epic 1 → Epic 12: User Management<br/>etc.]
|
||||
|
||||
CreateAll --> Summary1[Display summary<br/>6 Epics created Epic 11-16]
|
||||
Summary1 --> End([End])
|
||||
|
||||
Decision -->|Count ≥ 1<br/>REPLAN MODE| Phase5b[Phase 5b: Epic Replan<br/>Load existing Epics<br/>Compare IDEAL vs EXISTING<br/>Categorize operations]
|
||||
|
||||
Phase5b --> Operations[Show operations:<br/>KEEP / UPDATE / OBSOLETE / CREATE]
|
||||
|
||||
Operations --> UserConfirm3{User confirms<br/>operations?}
|
||||
UserConfirm3 -->|No| End
|
||||
UserConfirm3 -->|Yes| Execute[Execute operations in Linear<br/>Update kanban_board.md]
|
||||
|
||||
Execute --> Summary2[Display summary<br/>Operation results + affected URLs]
|
||||
Summary2 --> End
|
||||
|
||||
%% Styling
|
||||
classDef discovery fill:#E3F2FD,stroke:#1976D2,stroke-width:2px
|
||||
classDef loop fill:#FFF9C4,stroke:#F57C00,stroke-width:2px
|
||||
classDef decision fill:#FFE0B2,stroke:#E64A19,stroke-width:2px
|
||||
classDef action fill:#C8E6C9,stroke:#388E3C,stroke-width:2px
|
||||
|
||||
class Phase1,Phase2 discovery
|
||||
class Phase4,Phase5a,Phase5b,Operations,Execute loop
|
||||
class Decision,UserConfirm1,UserConfirm2,UserConfirm3 decision
|
||||
class Phase3,CreateAll,Summary1,Summary2 action
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<h3>🔑 Key Features v7.0.0</h3>
|
||||
<ul>
|
||||
<li><strong>HTML Research:</strong> Extract domains from navigation, forms, page titles (complements documentation)</li>
|
||||
<li><strong>Epic 0 Reserved:</strong> Infrastructure Epic = Epic 0 index, business domains = Epic 1-N</li>
|
||||
<li><strong>Batch Preview:</strong> Show ALL Epics before creation, single confirmation (not sequential loop)</li>
|
||||
<li><strong>Auto-extraction Q1-Q5:</strong> Goal, Scope In/Out, Success Criteria, Risks from docs + HTML</li>
|
||||
<li><strong>CREATE/REPLAN Modes:</strong> Decompose-First Pattern - builds IDEAL plan, compares with existing, determines operations</li>
|
||||
<li><strong>Business Epic Grouping:</strong> 1 Epic = complete business process OR HTML screen group (5-10 Stories)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<h3>📐 Phase Structure</h3>
|
||||
<ul>
|
||||
<li><strong>Phase 1:</strong> Discovery & Research (Team ID, docs, HTML, Infrastructure decision)</li>
|
||||
<li><strong>Phase 2:</strong> Scope Analysis (identify domains, build Epic list, user confirms structure)</li>
|
||||
<li><strong>Phase 3:</strong> Check Existing Epics (determine CREATE vs REPLAN mode)</li>
|
||||
<li><strong>Phase 4:</strong> Epic Preparation (CREATE only - auto-extract, generate docs)</li>
|
||||
<li><strong>Phase 5a:</strong> Epic Creation (CREATE only - batch preview, confirm, create ALL)</li>
|
||||
<li><strong>Phase 5b:</strong> Epic Replan (REPLAN only - compare, show operations, execute)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>Generated for ln-210-epic-coordinator skill | Version 7.0.0</p>
|
||||
<p>Diagram format: Mermaid.js | Last updated: 2025-11-20</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
mermaid.initialize({
|
||||
startOnLoad: true,
|
||||
theme: 'default',
|
||||
flowchart: {
|
||||
useMaxWidth: true,
|
||||
htmlLabels: true,
|
||||
curve: 'basis'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user