Files
2025-11-30 08:37:27 +08:00

61 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ln-321-guide-creator - 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-321-guide-creator</h1>
<p class="subtitle">Guide Creator - State Diagram</p>
</header>
<div class="info-box">
<h3>📋 Overview</h3>
<ul>
<li><strong>Purpose:</strong> Research and create minimal project guides (6 sections, 300-500 words)</li>
<li><strong>AUTO-RESEARCH:</strong> Automated via MCP Ref + Context7 (NO manual questions)</li>
<li><strong>Output:</strong> Returns guide path for linking in Story Technical Notes</li>
</ul>
</div>
<div class="diagram-container">
<div class="mermaid">
graph TD
Start([Start: Create Guide]) --> Phase0[Phase 0: Research & Discovery<br/>AUTO-RESEARCH automated]
subgraph Research [Automated Research]
R1[Search library docs<br/>MCP Ref + Context7]
R1 --> R2[Search framework patterns<br/>Best practices]
R2 --> R3[Analyze findings<br/>Extract principle]
end
Phase0 --> R1
R3 --> Phase1
Phase1[Phase 1: Pattern Analysis]
Phase1 --> Phase2[Phase 2: Generation<br/>6 sections 300-500 words<br/>NO ADR concepts]
Phase2 --> Phase3[Phase 3: Confirmation<br/>Save to docs/guides/<br/>Return path]
Phase3 --> UserConfirm{Confirm?}
UserConfirm -->|Yes| Save[Save guide file]
UserConfirm -->|No| Phase2
Save --> End([End])
classDef discovery fill:#E3F2FD,stroke:#1976D2,stroke-width:2px
classDef processing 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 Phase0,R1,R2,R3 discovery
class Phase1,Phase2 processing
class UserConfirm decision
class Phase3,Save action
</div>
</div>
<footer>
<p>ln-321-guide-creator | AUTO-RESEARCH: MCP Ref + Context7 + WebSearch | NO ADR concepts</p>
</footer>
</div>
<script>
mermaid.initialize({ startOnLoad: true, theme: 'default', flowchart: { useMaxWidth: true, htmlLabels: true, curve: 'basis' } });
</script>
</body>
</html>