Files
gh-yaleh-meta-cc-claude/skills/documentation-management/templates/tutorial-structure.md
2025-11-30 09:07:22 +08:00

9.1 KiB

Template: Tutorial Structure

Purpose: Structured template for creating comprehensive technical tutorials Based on: Progressive disclosure pattern + BAIME usage guide Validated: 1 use (BAIME guide), ready for reuse


When to Use This Template

Use for:

  • Complex frameworks or systems
  • Topics requiring multiple levels of understanding
  • Audiences with mixed expertise (beginners to experts)
  • Topics where quick start is possible (< 10 min example)

Don't use for:

  • Simple how-to guides (< 5 steps)
  • API reference documentation
  • Quick tips or cheat sheets

Template Structure

# [Topic Name]

**[One-sentence description]** - [Core value proposition]

---

## Table of Contents

- [What is [Topic]?](#what-is-topic)
- [When to Use [Topic]](#when-to-use-topic)
- [Prerequisites](#prerequisites)
- [Core Concepts](#core-concepts)
- [Quick Start](#quick-start)
- [Step-by-Step Workflow](#step-by-step-workflow)
- [Advanced Topics](#advanced-topics) (if applicable)
- [Practical Example](#practical-example)
- [Troubleshooting](#troubleshooting)
- [Next Steps](#next-steps)

---

## What is [Topic]?

[2-3 paragraphs explaining the topic]

**Paragraph 1**: Integration/components
- What methodologies/tools does it integrate?
- How do they work together?

**Paragraph 2**: Key innovation
- What problem does it solve?
- How is it different from alternatives?

**Paragraph 3** (optional): Proof points
- Results from real usage
- Examples of applications

### Why [Topic]?

**Problem**: [Describe the pain point]

**Solution**: [Topic] provides systematic approach with:
- ✅ [Benefit 1 with metric]
- ✅ [Benefit 2 with metric]
- ✅ [Benefit 3 with metric]
- ✅ [Benefit 4 with metric]

### [Topic] in Action

**Example Results**:
- **[Domain 1]**: [Metric], [Transferability]
- **[Domain 2]**: [Metric], [Transferability]
- **[Domain 3]**: [Metric], [Transferability]

---

## When to Use [Topic]

### Use [Topic] For
**[Category 1]** for:
- [Use case 1]
- [Use case 2]
- [Use case 3]

✅ **When you need**:
- [Need 1]
- [Need 2]
- [Need 3]

### Don't Use [Topic] For

❌ [Anti-pattern 1]
❌ [Anti-pattern 2]
❌ [Anti-pattern 3]

---

## Prerequisites

### Required

1. **[Tool/knowledge 1]**
   - [Installation/setup link]
   - Verify: [How to check it's working]

2. **[Tool/knowledge 2]**
   - [Setup instructions or reference]

3. **[Context requirement]**
   - [What the reader needs to have]
   - [How to measure current state]

### Recommended

- **[Optional tool/knowledge 1]**
  - [Why it helps]
  - [How to get it]

- **[Optional tool/knowledge 2]**
  - [Why it helps]
  - [Link to documentation]

---

## Core Concepts

**[Number] key concepts you need to understand**:

### 1. [Concept Name]

**Definition**: [1-2 sentence explanation]

**Why it matters**: [Practical reason]

**Example**:

[Code or conceptual example]


### 2. [Concept Name]

[Repeat structure]

### [3-6 total concepts]

---

## Quick Start

**Goal**: [What reader will accomplish] in 10 minutes

### Step 1: [Action]

[Brief instruction]

```bash
[Code block if applicable]

Expected result: [What should happen]

Step 2: [Action]

[Continue for 3-5 steps maximum]

Step 3: [Action]

Step 4: [Action]


Step-by-Step Workflow

Complete guide organized by phases or stages:

Phase 1: [Phase Name]

Purpose: [What this phase accomplishes]

Steps:

  1. [Step name]

    • [Detailed instructions]
    • Why: [Rationale]
    • Example: [If applicable]
  2. [Step name]

    • [Continue pattern]

Output: [What you have after this phase]

Phase 2: [Phase Name]

[Repeat structure for 2-4 phases]

Phase 3: [Phase Name]


[Advanced Topics] (Optional)

For experienced users who want to customize or extend:

[Advanced Topic 1]

[Explanation]

[Advanced Topic 2]

[Explanation]


Practical Example

Real-world walkthrough: [Domain/use case]

Context

[What problem we're solving]

Setup

[Starting state]

Execution

Step 1: [Action]

[Code/example]

Result: [Outcome]

Step 2: [Continue pattern]

Outcome

[What we achieved]

[Metrics or concrete results]


Troubleshooting

Common issues and solutions:

Issue 1: [Problem description]

Symptoms:

  • [Symptom 1]
  • [Symptom 2]

Cause: [Root cause]

Solution:

[Fix or workaround]

Issue 2: [Repeat structure for 5-7 common issues]


Next Steps

After mastering the basics:

  1. [Next learning path]

    • [Link to advanced guide]
    • [What you'll learn]
  2. [Complementary topic]

    • [Link to related documentation]
    • [How it connects]
  3. [Community/support]

    • [Where to ask questions]
    • [How to contribute]

Further reading:


Status: [Version] | [Date] | [Maintenance status]


---

## Content Guidelines

### What is [Topic]? Section
- **Length**: 3-5 paragraphs
- **Tone**: Accessible, not overly technical
- **Include**: Problem statement, solution overview, proof points
- **Avoid**: Implementation details (save for later sections)

### Core Concepts Section
- **Count**: 3-6 concepts (7+ is too many)
- **Each concept**: Definition + why it matters + example
- **Order**: Most fundamental to most advanced
- **Examples**: Concrete, not abstract

### Quick Start Section
- **Time limit**: Must be completable in < 10 minutes
- **Steps**: 3-5 maximum
- **Complexity**: One happy path, no branching
- **Outcome**: Working example, not full understanding

### Step-by-Step Workflow Section
- **Organization**: By phases or logical groupings
- **Detail level**: Complete (all options, all decisions)
- **Examples**: Throughout, not just at end
- **Cross-references**: Link to concepts and troubleshooting

### Practical Example Section
- **Realism**: Based on actual use case, not toy example
- **Completeness**: End-to-end, showing all steps
- **Metrics**: Quantify outcomes when possible
- **Context**: Explain why this example matters

### Troubleshooting Section
- **Coverage**: 5-7 common issues
- **Structure**: Symptoms → Cause → Solution
- **Evidence**: Based on real problems (user feedback or anticipated)
- **Links**: Cross-reference to relevant sections

---

## Adaptation Guide

### For Simple Topics (< 5 concepts)
- **Omit**: Advanced Topics section
- **Combine**: Core Concepts + Quick Start
- **Simplify**: Step-by-Step Workflow (single section, not phases)

### For API Documentation
- **Omit**: Practical Example (use code examples instead)
- **Expand**: Core Concepts (one per major API concept)
- **Add**: API Reference section after Step-by-Step

### For Process Documentation
- **Omit**: Quick Start (processes don't always have quick paths)
- **Expand**: Step-by-Step Workflow (detailed process maps)
- **Add**: Decision trees for complex choices

---

## Quality Checklist

Before publishing, verify:

**Structure**:
- [ ] Table of contents present with working links
- [ ] All required sections present (What is, When to Use, Prerequisites, Core Concepts, Quick Start, Workflow, Example, Troubleshooting, Next Steps)
- [ ] Progressive disclosure (simple → complex)
- [ ] Clear section boundaries (headings, whitespace)

**Content**:
- [ ] Core concepts have examples (100%)
- [ ] Quick start is < 10 minutes
- [ ] Step-by-step workflow is complete (no "TBD" placeholders)
- [ ] Practical example is realistic and complete
- [ ] Troubleshooting covers 5+ issues

**Usability**:
- [ ] Links work (use validation tool)
- [ ] Code blocks have syntax highlighting
- [ ] Examples are copy-paste ready
- [ ] No broken forward references

**Accuracy**:
- [ ] Technical details verified (test examples)
- [ ] Metrics are current and accurate
- [ ] Links point to correct resources
- [ ] Prerequisites are complete and correct

---

## Example Usage

**Input**: Need to create tutorial for "API Design Methodology"

**Step 1**: Copy template

**Step 2**: Fill in topic-specific content
- What is API Design? → Explain methodology
- When to Use → API design scenarios
- Core Concepts → 5-6 API design principles
- Quick Start → Design first API in 10 min
- Workflow → Full design process
- Example → Real API design walkthrough
- Troubleshooting → Common API design problems

**Step 3**: Verify with checklist

**Step 4**: Validate links and examples

**Step 5**: Publish

---

## Validation

**First Use**: BAIME Usage Guide
- **Structure match**: 95% (omitted some optional sections)
- **Effectiveness**: Created comprehensive guide (V_instance = 0.66)
- **Learning**: Pattern worked well, validated structure

**Transferability**: Expected 90%+ (universal tutorial structure)

**Next Validation**: Apply to different domain (API docs, troubleshooting guide, etc.)

---

## Related Templates

- [concept-explanation.md](concept-explanation.md) - Template for explaining individual concepts
- [example-walkthrough.md](example-walkthrough.md) - Template for practical examples
- [progressive-disclosure pattern](../patterns/progressive-disclosure.md) - Underlying pattern

---

**Status**: ✅ Ready for use | Validated in 1 context | High confidence
**Maintenance**: Update based on usage feedback