ldy26098
/
BMAD-METHOD
mirror of https://github.com/bmad-code-org/BMAD-METHOD.git
1
0
Fork 0
Code Packages Projects Releases Wiki Activity

Add visual dev loop indicator to workflow guide 

Wrap create-story, dev-story, and code-review in a dashed border
group with a "Repeat for each story" label to clearly communicate
the iterative development cycle in Phase 4.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
forcetrainer 2026-01-23 21:37:11 -05:00
parent af709545a9
commit 6fcfd120b2
1 changed files with 38 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
website/src/components/WorkflowGuide.astro
View File

@ -149,39 +149,37 @@
<div class="wf-top"> <div class="wf-top">
<span class="wf-agent">Agent: SM</span> <span class="wf-agent">Agent: SM</span>
<code class="wf-command">sprint-planning</code> <code class="wf-command">sprint-planning</code>
</div> </div>
<p class="wf-desc">Uses your epic files to initialize <strong>sprint-status.yaml</strong>, which tracks all stories through development. Run once before starting.</p> <p class="wf-desc">Uses your epic files to initialize <strong>sprint-status.yaml</strong>, which tracks all stories through development. Run once before starting.</p>
</div> </div>
<div class="workflow-item" data-quick="skip" data-method="required" data-enterprise="required"> <div class="dev-loop" data-quick="active" data-method="active" data-enterprise="active">
<div class="wf-top"> <span class="loop-label">&#x21bb; Repeat for each story</span>
<span class="wf-agent">Agent: SM</span> <div class="workflow-item" data-quick="skip" data-method="required" data-enterprise="required">
<code class="wf-command">create-story</code> <div class="wf-top">
<span class="wf-agent">Agent: SM</span>
<code class="wf-command">create-story</code>
</div>
<p class="wf-desc">Uses the epic and sprint-status to prepare a <strong>story-[slug].md</strong> file with full context and acceptance criteria, ready for development.</p>
</div> </div>
<p class="wf-desc">Uses the epic and sprint-status to prepare a <strong>story-[slug].md</strong> file with full context and acceptance criteria, ready for development.</p> <div class="workflow-item" data-quick="required" data-method="required" data-enterprise="required">
</div> <div class="wf-top">
<div class="workflow-item" data-quick="required" data-method="required" data-enterprise="required"> <span class="wf-agent">Agent: DEV</span>
<div class="wf-top"> <code class="wf-command">dev-story</code>
<span class="wf-agent">Agent: DEV</span> </div>
<code class="wf-command">dev-story</code> <p class="wf-desc">Uses the story file and architecture to implement <strong>production code and tests</strong> following established patterns.</p>
</div> </div>
<p class="wf-desc">Uses the story file and architecture to implement <strong>production code and tests</strong> following established patterns.</p> <div class="workflow-item" data-quick="required" data-method="required" data-enterprise="required">
</div> <div class="wf-top">
<div class="workflow-item" data-quick="required" data-method="required" data-enterprise="required"> <span class="wf-agent">Agent: DEV</span>
<div class="wf-top"> <code class="wf-command">code-review</code>
<span class="wf-agent">Agent: DEV</span> </div>
<code class="wf-command">code-review</code> <p class="wf-desc">Reviews your implemented code for quality, architecture alignment, tests, and security, producing a <strong>review report</strong>.</p>
</div> </div>
<p class="wf-desc">Reviews your implemented code for quality, architecture alignment, tests, and security, producing a <strong>review report</strong>.</p>
</div> </div>
<div class="workflow-item" data-quick="skip" data-method="recommended" data-enterprise="recommended"> <div class="workflow-item" data-quick="skip" data-method="recommended" data-enterprise="recommended">
<div class="wf-top"> <div class="wf-top">
<span class="wf-agent">Agent: SM</span> <span class="wf-agent">Agent: SM</span>
<code class="wf-command">epic-retrospective</code> <code class="wf-command">epic-retrospective</code>
</div> </div>
<p class="wf-desc">Reviews the completed epic to capture team learnings and create <strong>retrospective notes</strong> for improving the next epic.</p> <p class="wf-desc">Reviews the completed epic to capture team learnings and create <strong>retrospective notes</strong> for improving the next epic.</p>
</div> </div>
@ -409,6 +407,24 @@
display: none; display: none;
} }
.dev-loop {
border: 1px dashed var(--sl-color-accent);
border-radius: 0.4rem;
padding: 0.5rem;
display: flex;
flex-direction: column;
gap: 0.6rem;
position: relative;
}
.loop-label {
font-size: 0.7rem;
font-weight: 600;
color: var(--sl-color-accent-high);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.wf-top { .wf-top {
display: flex; display: flex;
align-items: center; align-items: center;