Skill Tracer
Skills › Scientific Agent Skills › markdown-mermaid-writing › how_to_guide.md

how_to_guide.md

277 lines · skills/markdown-mermaid-writing/templates/how_to_guide.md at 5f2bc03

Open on GitHub
1<!-- Source: https://github.com/SuperiorByteWorks-LLC/agent-project | License: Apache-2.0 | Author: Clayton Young / Superior Byte Works, LLC (Boreal Bytes) -->
2
3# How-To / Tutorial Guide Template
4
5> **Back to [Markdown Style Guide](../references/markdown_style_guide.md)** — Read the style guide first for formatting, citation, and emoji rules.
6
7**Use this template for:** Step-by-step tutorials, how-to guides, onboarding walkthroughs, runbooks, setup instructions, or any document whose primary job is teaching someone to do something. Designed so the reader succeeds on the first attempt.
8
9**Key features:** Prerequisites with verification commands, numbered steps with expected output at each stage, "verify it works" checkpoints, troubleshooting section for common failures, and "what's next" pathways.
11**Philosophy:** A how-to guide fails if the reader gets stuck. Every step should be verifiable — the reader should be able to confirm they did it right before moving to the next one. Anticipate the exact moment they'll wonder "did that work?" and put a checkpoint there. Include the error messages they'll actually see, not just the happy path.
13---

<!-- Source: https://github.com/SuperiorByteWorks-LLC/agent-project | License: Apache-2.0 | Author: Clayton Young / Superior Byte Works, LLC (Boreal Bytes) -->

How-To / Tutorial Guide Template

Back to Markdown Style Guide — Read the style guide first for formatting, citation, and emoji rules.

Use this template for: Step-by-step tutorials, how-to guides, onboarding walkthroughs, runbooks, setup instructions, or any document whose primary job is teaching someone to do something. Designed so the reader succeeds on the first attempt.

Key features: Prerequisites with verification commands, numbered steps with expected output at each stage, "verify it works" checkpoints, troubleshooting section for common failures, and "what's next" pathways.

Philosophy: A how-to guide fails if the reader gets stuck. Every step should be verifiable — the reader should be able to confirm they did it right before moving to the next one. Anticipate the exact moment they'll wonder "did that work?" and put a checkpoint there. Include the error messages they'll actually see, not just the happy path.


Raw lines 1 to 14
15## How to Use
171. Copy this file to your project
182. Replace all `[bracketed placeholders]` with your content
193. **Test the guide yourself from scratch** — follow every step on a clean machine. If you skip this, the guide has bugs.
204. Add [Mermaid diagrams](../references/mermaid_style_guide.md) for process overviews, decision points, or architecture context
215. Include actual output (trimmed) at every verification step — don't just say "you should see output"
23---

How to Use

  1. Copy this file to your project
  2. Replace all [bracketed placeholders] with your content
  3. Test the guide yourself from scratch — follow every step on a clean machine. If you skip this, the guide has bugs.
  4. Add Mermaid diagrams for process overviews, decision points, or architecture context
  5. Include actual output (trimmed) at every verification step — don't just say "you should see output"

Raw lines 15 to 24
25## The Template
27Everything below the line is the template. Copy from here; commands, API routes,
28versions, thresholds, and numerical values are illustrative placeholders. Verify them
29against the actual project before publishing. Follow its existing tracker and PR conventions.
31---
33# [How to: Specific Task Description]
35_[Estimated time: N minutes] · [Difficulty: Beginner / Intermediate / Advanced] · [Last verified: Date]_
37---

The Template

Everything below the line is the template. Copy from here; commands, API routes, versions, thresholds, and numerical values are illustrative placeholders. Verify them against the actual project before publishing. Follow its existing tracker and PR conventions.


[How to: Specific Task Description]

[Estimated time: N minutes] · [Difficulty: Beginner / Intermediate / Advanced] · [Last verified: Date]


Raw lines 25 to 38
39## 📋 Overview

📋 Overview

Raw lines 39 to 40
41### What you'll accomplish
43[One paragraph: what the reader will have built, configured, or achieved by the end of this guide. Be concrete.]

What you'll accomplish

[One paragraph: what the reader will have built, configured, or achieved by the end of this guide. Be concrete.]

Raw lines 41 to 44
45### What you'll learn
47- [Skill or concept 1]
48- [Skill or concept 2]
49- [Skill or concept 3]

What you'll learn

  • [Skill or concept 1]
  • [Skill or concept 2]
  • [Skill or concept 3]
Raw lines 45 to 50
51### Process overview
53```mermaid
54flowchart LR
55 accTitle: Tutorial Process Overview
56 accDescr: High-level steps from prerequisites through setup, configuration, and verification
58 prereqs([📋 Prerequisites]) --> setup[🔧 Setup]
59 setup --> configure[⚙️ Configure]
60 configure --> build[📦 Build]
61 build --> verify[✅ Verify]
63 classDef done fill:#dcfce7,stroke:#16a34a,stroke-width:2px,color:#14532d
64 class verify done
65```
67---

Process overview

flowchart LR
    accTitle: Tutorial Process Overview
    accDescr: High-level steps from prerequisites through setup, configuration, and verification

    prereqs([📋 Prerequisites]) --> setup[🔧 Setup]
    setup --> configure[⚙️ Configure]
    configure --> build[📦 Build]
    build --> verify[✅ Verify]

    classDef done fill:#dcfce7,stroke:#16a34a,stroke-width:2px,color:#14532d
    class verify done

Raw lines 51 to 68
69## 📋 Prerequisites
71Before starting, ensure you have:
73| Requirement | Version | Verify with | Install link |
74| ---------------- | ----------- | --------------------- | ------------------------------------ |
75| [Tool/Runtime] | ≥ [version] | `[command] --version` | [Install guide](https://example.com) |
76| [Dependency] | ≥ [version] | `[command] --version` | [Install guide](https://example.com) |
77| [Account/Access] | — | [How to verify] | [Sign up](https://example.com) |
79**Verify all prerequisites:**
81```bash
82# Run each command — all should succeed before proceeding
83[command1] --version # Expected: [version] or higher
84[command2] --version # Expected: [version] or higher
85```
87> ⚠️ **Don't skip this.** Step 3 will fail if [specific prerequisite] isn't installed correctly.
89---

📋 Prerequisites

Before starting, ensure you have:

RequirementVersionVerify withInstall link
[Tool/Runtime]≥ [version][command] --versionInstall guide
[Dependency]≥ [version][command] --versionInstall guide
[Account/Access]—[How to verify]Sign up

Verify all prerequisites:

# Run each command — all should succeed before proceeding
[command1] --version    # Expected: [version] or higher
[command2] --version    # Expected: [version] or higher
⚠️ Don't skip this. Step 3 will fail if [specific prerequisite] isn't installed correctly.

Raw lines 69 to 90
91## 🔧 Steps
93### Step 1: [Action verb — Set up / Create / Configure / Install]
95[Brief context: why this step is necessary — one sentence.]
97```bash
98[command to run]
99```
101**Expected output:**
103```
104[What the terminal should show — include actual output, trimmed if long]
105```
107> 💡 **Tip:** [Helpful context about this step — common variation, what to do if on a different OS, etc.]
109---

Step 1: [Action verb — Set up / Create / Configure / Install]

[Brief context: why this step is necessary — one sentence.]

[command to run]

Expected output:

[What the terminal should show — include actual output, trimmed if long]
💡 Tip: [Helpful context about this step — common variation, what to do if on a different OS, etc.]

Raw lines 93 to 110
111### Step 2: [Action verb]
113[Brief context.]
115```bash
116[command to run]
117```
119**Expected output:**
121```
122[What you should see]
123```
125**If you see an error here**, check:
127- [Most common cause and fix]
128- [Second most common cause and fix]
130---

Step 2: [Action verb]

[Brief context.]

[command to run]

Expected output:

[What you should see]

If you see an error here, check:

  • [Most common cause and fix]
  • [Second most common cause and fix]

Raw lines 111 to 131
132### Step 3: [Action verb]
134[Brief context.]
136[If this step involves editing a file, show the exact content:]
138```yaml
139# config/[filename]
140[key]: [value]
141[key]: [value]
143# [Comment explaining what this section does]
144[key]:
145 [nested_key]: [value]
146 [nested_key]: [value]
147```
149> 📌 **Important:** [Critical detail about this configuration — what breaks if you get it wrong]
151---

Step 3: [Action verb]

[Brief context.]

[If this step involves editing a file, show the exact content:]

# config/[filename]
[key]: [value]
[key]: [value]

# [Comment explaining what this section does]
[key]:
  [nested_key]: [value]
  [nested_key]: [value]
📌 Important: [Critical detail about this configuration — what breaks if you get it wrong]

Raw lines 132 to 152
153### Step 4: [Action verb]
155[Brief context.]
157```bash
158[command to run]
159```
161**Expected output:**
163```
164[What you should see]
165```
167---

Step 4: [Action verb]

[Brief context.]

[command to run]

Expected output:

[What you should see]

Raw lines 153 to 168
169### Step 5: [Action verb — this should be the final action]
171[Brief context.]
173```bash
174[final command]
175```
177---

Step 5: [Action verb — this should be the final action]

[Brief context.]

[final command]

Raw lines 169 to 178
179## ✅ Verify it works
181Run through these checks to confirm everything is working:
183| Check | Command | Expected result |
184| --------- | ----------- | ------------------------- |
185| [Check 1] | `[command]` | [What success looks like] |
186| [Check 2] | `[command]` | [What success looks like] |
187| [Check 3] | `[command]` | [What success looks like] |
189**All checks pass?** You're done. Jump to [What's next](#-whats-next).
191**Something failed?** See [Troubleshooting](#-troubleshooting) below.
193---

✅ Verify it works

Run through these checks to confirm everything is working:

CheckCommandExpected result
[Check 1][command][What success looks like]
[Check 2][command][What success looks like]
[Check 3][command][What success looks like]

All checks pass? You're done. Jump to What's next.

Something failed? See Troubleshooting below.


Raw lines 179 to 194
195## 🔧 Troubleshooting

🔧 Troubleshooting

Raw lines 195 to 196
197### "[Exact error message the reader will see]"
199**Cause:** [What triggers this error — be specific]
201**Fix:**
203```bash
204[exact commands to resolve]
205```
207**Verify the fix:**
209```bash
210[command to confirm the error is resolved]
211```
213---

"[Exact error message the reader will see]"

Cause: [What triggers this error — be specific]

Fix:

[exact commands to resolve]

Verify the fix:

[command to confirm the error is resolved]

Raw lines 197 to 214
215### "[Another common error message]"
217**Cause:** [What triggers this]
219**Fix:**
2211. [Step 1]
2222. [Step 2]
2233. Re-run the step that failed
225---

"[Another common error message]"

Cause: [What triggers this]

Fix:

  1. [Step 1]
  2. [Step 2]
  3. Re-run the step that failed

Raw lines 215 to 226
227### "[Third common issue — might not be an error message but a symptom]"
229**Cause:** [What causes this behavior]
231**Fix:**
233[Solution with commands]
235---

"[Third common issue — might not be an error message but a symptom]"

Cause: [What causes this behavior]

Fix:

[Solution with commands]


Raw lines 227 to 236
237### Still stuck?
239- **Search existing issues:** docs/project/issues/ (replace with the project link)
240- **Ask for help:** docs/project/kanban/ (replace with the project link)
241- **File a bug:** issue template (replace with the project link)
243---

Still stuck?

  • Search existing issues: docs/project/issues/ (replace with the project link)
  • Ask for help: docs/project/kanban/ (replace with the project link)
  • File a bug: issue template (replace with the project link)

Raw lines 237 to 244
245## 🚀 What's next
247Now that you've completed this guide:
249- **[Next tutorial]** — What it covers and why you'd want to do it next (replace with the project link)
250- **[Reference docs]** — [Where to learn the full feature set](../references/markdown_style_guide.md)
251- **[Advanced topic]** — Deeper dive for when you're ready (replace with the project link)
253<details>
254<summary><strong>📋 Quick reference card</strong></summary>
256Key commands and values from this guide for future reference:
258| Action | Command |
259| -------------- | ----------- |
260| [Start] | `[command]` |
261| [Stop] | `[command]` |
262| [Check status] | `[command]` |
263| [View logs] | `[command]` |
264| [Reset] | `[command]` |
266</details>
268---

🚀 What's next

Now that you've completed this guide:

  • [Next tutorial] — What it covers and why you'd want to do it next (replace with the project link)
  • [Reference docs] — Where to learn the full feature set
  • [Advanced topic] — Deeper dive for when you're ready (replace with the project link)

<details> <summary><strong>📋 Quick reference card</strong></summary>

Key commands and values from this guide for future reference:

ActionCommand
[Start][command]
[Stop][command]
[Check status][command]
[View logs][command]
[Reset][command]

</details>


Raw lines 245 to 269
270## 🔗 References
272- [Official documentation](https://example.com) — [Which section is most relevant]
273- [Source repository](https://github.com/SuperiorByteWorks-LLC) — [For bug reports and contributions]
275---
277_Last verified: [Date] on [OS/Platform version] · Maintained by [Team/Author]_

🔗 References


Last verified: [Date] on [OS/Platform version] · Maintained by [Team/Author]

Raw lines 270 to 277