# Tutorial Creation

> Use when creating educational tutorial content for Xiaohongshu, teaching skills or processes step-by-step, creating how-to guides, or structuring instructional content for maximum learning and retention

- Skill: `vivy-yi/tutorial-creation` (Agent Skill)
- Install (CLI): `npx skillmds add vivy-yi/tutorial-creation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vivy-yi/tutorial-creation/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: vivy-yi (https://skillmd.com/u/vivy-yi)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/vivy-yi/tutorial-creation

---


# Tutorial Creation (教程制作)

## Overview

Tutorial creation is the process of designing and producing step-by-step educational content on Xiaohongshu that teaches followers specific skills, processes, or techniques in a clear, actionable, and easy-to-follow manner.

## When to Use

**Use when**:
- Teaching a specific skill or technique
- Creating how-to guides
- Explaining processes step-by-step
- Sharing knowledge or expertise
- Building authority and trust
- Providing actionable value to followers

**Do NOT use when**:
- Content is better suited for other formats (story, opinion)
- Topic too complex for single tutorial (break into series)
- Not qualified to teach (stick to what you know)

## Core Pattern

**Before** (confusing tutorials):
```
❌ "Jumped around, no clear structure"
❌ "Steps unclear, followers couldn't follow along"
❌ "Too advanced or too basic (wrong level)"
❌ "No visuals, just talked at camera"
❌ "Viewers commented: 'I'm still confused, can you explain again?'"
```

**After** (clear, effective tutorials):
```
✅ "Step-by-step structure, easy to follow"
✅ "Clear visuals show exactly what to do"
✅ "Right difficulty level, not too easy/hard"
✅ "Followers commented: 'Finally I understand! Thank you!'"
✅ "High save rate (followers reference later)"
✅ "Established authority, go-to resource for topic"
```

**5 Tutorial Elements**:
1. **Clear Objective** - What followers will learn
2. **Right Level** - Appropriate difficulty for audience
3. **Step-by-Step** - Logical progression
4. **Visual Demonstration** - Show, don't just tell
5. **Actionable** - Followers can immediately apply

## Quick Reference

| Tutorial Type | Length | Format | Best For |
|--------------|--------|--------|----------|
| **Quick Tip** | 1-2 min | Video/Image | Single technique |
| **Step-by-Step** | 3-5 min | Carousel/Video | Process/technique |
| **Complete Guide** | 5-10 min | Video/Carousel | Comprehensive topic |
| **Beginner Guide** | 5-8 min | Carousel | Newcomers to topic |
| **Advanced Tips** | 3-5 min | Video | Experienced audience |

## Implementation

### Step 1: Define Tutorial Objective

**Clarify What You're Teaching**:
```
Tutorial Planning Framework:

1. Identify Learning Outcome
   What will followers be able to DO after tutorial?

   Bad Objective (Vague):
   "Teach about skincare"

   Good Objective (Specific):
   "Followers will be able to build a basic skincare routine
    for dry skin using 5 affordable products"

   SMART Objectives:
   - Specific: Clear skill or process
   - Measurable: Can they do it?
   - Achievable: Right difficulty level
   - Relevant: Solves their problem
   - Time-bound: Learnable in tutorial timeframe

2. Assess Audience Level
   Who is this for?

   Beginner:
   - New to topic entirely
   - Need foundational knowledge
   - Assume no prior experience
   - Use simple language, avoid jargon

   Intermediate:
   - Familiar with basics
   - Ready to deepen skills
   - Can use some terminology
   - Bridge basics to advanced

   Advanced:
   - Experienced with topic
   - Want nuanced techniques
   - Can use technical terms
   - Focus on optimization and mastery

   Level Check:
   ✅ Survey followers (what do they already know?)
   ✅ Review comments (what questions do they ask?)
   ✅ Start simpler than you think (better too easy than too hard)

3. Scope Tutorial
   How much to cover:

   Too Much (Overwhelms):
   ❌ "Complete skincare masterclass" (too broad)
   ❌ "Everything about anti-aging" (can't cover in one tutorial)

   Just Right (Actionable):
   ✅ "5-step morning routine for dry skin"
   ✅ "How to layer skincare products correctly"
   ✅ "3 ingredients to avoid if you have sensitive skin"

   Scoping Formula:
   One specific skill + Clear outcome = Perfect tutorial scope

4. Choose Format
   Based on complexity:

   Simple (1-2 steps):
   - Single image with text overlay
   - Short video (1-2 minutes)
   - 3-slide carousel

   Moderate (3-5 steps):
   - Carousel (5-7 slides)
   - Medium video (3-5 minutes)

   Complex (6+ steps):
   - Long-form video (5-10 minutes)
   - Multi-part series (break into multiple tutorials)

   Format Selection Guide:
   ✅ Visual process → Video (show movement)
   ✅ List/steps → Carousel (easy to reference)
   ✅ Quick tips → Short video or image

5. Define Prerequisites
   What do followers need before starting?

   Materials/Tools:
   "You'll need:
    • Cleanser
    • Toner
    • Moisturizer
    • SPF"

   Knowledge:
   "Assumes you know your skin type.
    If not, check my previous video on determining skin type."

   Time:
   "This routine takes 5 minutes, morning and night."

   Setting Prerequisites:
   ✅ Manage expectations (what they need before starting)
   ✅ Reduce frustration (they're prepared)
   ✅ Link to related tutorials (fill knowledge gaps)
```

### Step 2: Structure Tutorial Content

**Create Clear Learning Path**:
```
Tutorial Structure Templates:

1. Beginner Tutorial Template
   Title: "Beginner's Guide to [Topic]"

   Opening (Slide 1):
   - Hook: "New to [topic]? Start here."
   - Promise: "In 5 minutes, you'll learn [specific outcome]"
   - Prerequisites: "What you need to know first"

   Foundation (Slides 2-3):
   - Basic concepts/vocabulary
   - Why this matters
   - Common mistakes beginners make

   Steps (Slides 4-6):
   - Step 1: [Action] + Why + How
   - Step 2: [Action] + Why + How
   - Step 3: [Action] + Why + How

   Practice (Slide 7):
   - Try it yourself: Simple exercise
   - Common pitfalls to avoid

   Summary (Slide 8):
   - Recap key points
   - What to do next (practice regularly)

   CTA (Slide 9):
   - "Save this for reference!"
   - "Comment questions below"
   - "Follow for [next level tutorial]"

2. Process Tutorial Template
   Title: "How to [Achieve Result] in [Timeframe]"

   Opening (Slide 1):
   - Hook: "Want to [result]? Here's how."
   - Preview: Show end result first (motivation)

   Preparation (Slide 2):
   - What you need: Materials, tools, time
   - Setup: How to prepare

   Steps (Slides 3-7):
   Each slide:
   - Step number and title
   - Visual: Show what to do
   - Explanation: Why this step matters
   - Tips: How to do it correctly
   - Common mistake: What to avoid

   Example Step Slide:
   "Step 3: Apply Serum

   Why: Locks in moisture

   How: 2-3 drops, pat onto damp skin

   Pro Tip: Wait 30 seconds before next step

   Mistake to Avoid: Don't rub, it causes irritation"

   Result (Slide 8):
   - Show final outcome
   - Timeline: When to expect results
   - Variations: How to customize

   Troubleshooting (Slide 9):
   - Common issues: "If [problem], try [solution]"
   - FAQ: Address likely questions

   CTA (Slide 10):
   - "Try this and comment your results!"
   - "Save for later reference"

3. Technique Tutorial Template
   Title: "Master [Specific Technique]"

   Opening (Slide 1):
   - Hook: "Struggle with [problem]?"
   - Solution: "[Technique] changed everything for me"

   The Problem (Slide 2):
   - What most people do wrong
   - Why it doesn't work
   - Consequence: "If you keep doing this, [result]"

   The Solution (Slide 3):
   - Introduce technique
   - Why it works
   - Benefits you'll see

   Step-by-Step (Slides 4-7):
   - Detailed breakdown of technique
   - Visual demonstration (photo or video)
   - Tips for mastering
   - Common mistakes

   Practice (Slide 8):
   - Try it yourself exercise
   - How to practice (daily for X days)
   - Track progress

   Advanced Tips (Slide 9):
   - Take technique to next level
   - When to use vs when not to use

   CTA (Slide 10):
   - "Practice this for [time] and let me know results!"

4. Comparison Tutorial Template
   Title: "[Option A] vs [Option B]: Which is Right for You?"

   Opening (Slide 1):
   - Hook: "Can't decide between [A] and [B]?"
   - Promise: "I'll help you choose based on your needs"

   Overview (Slides 2-3):
   - Option A: What it is, who it's for
   - Option B: What it is, who it's for

   Deep Dive (Slides 4-5):
   - Option A details: Pros, cons, best use cases
   - Option B details: Pros, cons, best use cases

   Comparison Table (Slide 6):
   | Feature | Option A | Option B |
   |---------|----------|----------|
   | Price | ¥[A] | ¥[B] |
   | Best For | [X] | [Y] |
   | Pros | [list] | [list] |
   | Cons | [list] | [list] |

   Decision Guide (Slide 7):
   - Choose Option A if: [specific situations]
   - Choose Option B if: [specific situations]
   - My recommendation: [for most people]

   CTA (Slide 8):
   - "Still unsure? Comment your situation below!"

5. Tips/Troubleshooting Tutorial
   Title: "[Number] [Topic] Tips You Need to Know"

   Opening (Slide 1):
   - Hook: "[Number] mistakes you're making with [topic]"
   - Promise: "Fix these and see immediate improvement"

   Tips (Slides 2-8):
   Each tip slide:
   - Tip number and title
   - The mistake (what most do wrong)
   - The fix (what to do instead)
   - Why it matters
   - How to apply

   Example Tip Slide:
   "Tip 3: Don't Over-Exfoliate

   The Mistake:
   Exfoliating every day (too much!)

   The Fix:
   Exfoliate 2-3x per week max

   Why:
   Over-exfoliation damages skin barrier,
   causing dryness, irritation, breakouts

   How to Apply:
   Start slow: 1x per week, increase gradually
   Listen to your skin: If irritated, back off"

   Bonus Tip (Slide 9):
   - Pro tip: Advanced technique
   - Game-changer: Tip that made biggest difference

   CTA (Slide 10):
   - "Which tip will you try first?"
   - "Save this to reference later!"
```

### Step 2: Design Visual Slides

**Create Clear, Actionable Visuals**:
```
Visual Design for Tutorials:

1. Step Slides
   Purpose: Show exactly what to do

   Layout:
   - Large step number (visible, clear)
   - Step title (bold, descriptive)
   - Visual demonstration (photo, illustration, diagram)
   - Text explanation (2-3 bullet points)
   - Tips box (highlighted)

   Example Slide:
   [Large: Step 3]
   [Title: Apply Serum to Damp Skin]

   [Image: Showing serum on damp skin, not dry]

   Why: Damp skin absorbs better

   How:
   • Cleanse face
   • Pat dry (leave slightly damp)
   • Apply 2-3 drops serum
   • Pat gently, don't rub

   [Box: Pro Tip]
   Wait 30 seconds before next step
   for better absorption!

2. Comparison Slides
   Purpose: Show right vs wrong

   Split Screen Layout:
   - Left side: Wrong way (with X)
   - Right side: Right way (with checkmark)
   - Clear labels

   Example:
   [Left: ❌ Rubbing serum in]
   [Right: ✅ Patting serum on]

   Text below:
   Rubbing causes irritation and product waste.
   Patting is gentle and effective.

3. Diagram Slides
   Purpose: Show process or system

   Flowchart:
   Step 1 → Step 2 → Step 3 → Step 4

   Each step:
   - Icon/illustration
   - Step name
   - Brief description

   Cycle Diagram:
   Morning Routine ↺
   (Arrows showing cycle)

   Or Linear:
   Morning → Evening → Repeat

   Use diagrams for:
   ✅ Routines (morning, evening)
   ✅ Processes (step-by-step flows)
   ✅ Systems (how components relate)

4. Before/After Slides
   Purpose: Show results

   Layout:
   - Before: Left side or top
   - After: Right side or bottom
   - Labels clearly visible
   - Same conditions (fair comparison)

   Example:
   [Before: 30 days ago]
   [Photo: Dry, flaky skin]

   [After: Today]
   [Photo: Hydrated, glowing skin]

   Caption:
   Consistent use of routine made all the difference!

5. Checklist Slides
   Purpose: Easy reference for followers

   Layout:
   - Title: "Your [Topic] Checklist"
   - Checklist items (with checkboxes)
   - Brief description for each item

   Example:
   ✓ Morning Skincare Checklist

   □ Cleanser
   □ Toner
   □ Serum (Vitamin C morning)
   □ Moisturizer
   □ SPF 30+

   Save this and check off each morning!

6. Tips Highlight Slides
   Purpose: Emphasize key takeaways

   Layout:
   - Large box or highlight color
   - Tip text (bold, centered)
   - Icon or illustration
   - "Remember" or "Pro Tip" label

   Example:
   [Highlighted Box]
   💡 PRO TIP 💡

   Less is more with skincare.
   3-5 products used consistently
   beat 10+ products used sporadically!

7. Summary Slides
   Purpose: Recap main points

   Layout:
   - Title: "Recap" or "Key Takeaways"
   - Numbered list of main points
   - Brief description for each

   Example:
   Key Takeaways:

   1. Always use SPF (even indoors!)
   2. Less is more (3-5 products max)
   3. Consistency over intensity
   4. Listen to your skin
   5. Patch test new products

   Save this as your skincare foundation!
```

### Step 3: Write Clear Explanations

**Make Content Easy to Understand**:
```
Explanation Writing Framework:

1. Use Simple Language
   Avoid Jargon:
   ❌ "Use humectants to attract moisture"
   ✅ "Use ingredients that attract water to skin"

   Explain Terms:
   "Humectant: An ingredient that attracts water,
    like a sponge for your skin"

   Test Readability:
   ✅ Would a 12-year-old understand?
   ✅ Would you understand this before you learned topic?

2. Be Specific and Actionable
   Vague (Not Helpful):
   ❌ "Apply moisturizer"

   Specific (Actionable):
   ✅ "Apply pea-sized amount to face and neck"

   Super Specific (Ideal):
   ✅ "Apply 2 pea-sized amounts:
    - 1 for face and neck
    - 1 for décolletage (chest area)

   Use Formula:
   What + How Much + How + When = Clear Instruction

3. Explain "Why" with Each Step
   Don't Just Say What:
   ❌ "Apply toner after cleanser"

   Say Why Too:
   ✅ "Apply toner after cleanser to rebalance your skin's pH
    levels and prepare it for better serum absorption"

   Why "Why" Matters:
   - Builds understanding (not blind following)
   - Increases compliance (when they know why, they do it)
   - Adaptable (can modify when they understand reasoning)

4. Include Common Mistakes
   For Each Step, Add:
   - Common mistake: "What most people do wrong"
   - Consequence: "Why this is problematic"
   - Correction: "What to do instead"

   Example:
   "Common mistake: Applying serum to dry skin
    Why: Absorbs poorly, sits on surface
    Instead: Apply to damp skin for better absorption"

5. Add Pro Tips
   Advanced Tips:
   - "Pro tip: [technique]"
   - "Game changer: [tip]"
   - "Insider secret: [method]"

   Example:
   "Pro tip: Apply skincare to damp skin within 1 minute
    of cleansing to lock in hydration"

   Pro Tips vs. Basic Steps:
   - Basic steps: What everyone should do
   - Pro tips: What enthusiasts/experts do

6. Provide Examples
   Make It Concrete:

   Product Examples:
   "Ingredients to look for:
   • Hyaluronic acid: For hydration
   • Ceramides: For barrier repair
   • Niacinamide: For brightening"

   Routine Examples:
   "Example routine:
   Morning: Cleanser → Toner → Vitamin C → Moisturizer → SPF
   Evening: Cleanser → Toner → Retinol → Moisturizer"

   Real-Life Examples:
   "My routine:
   I use CeraVe cleanser, Thayers toner, The Ordinary
   niacinamide, and CeraVe moisturizer. Total time: 3 minutes.

   This works for my dry, sensitive skin. You might need
   different products for your skin type."
```

### Step 4: Add Practice and Next Steps

**Encourage Application**:
```
Practice Elements:

1. Try It Yourself Section
   Purpose: Followers apply learning immediately

   Simple Exercise:
   "Your Turn:
   Tonight, try your new routine!
   Take before photo, follow steps 1-5,
   take after photo.

   Notice: How does your skin feel immediately?
   Check back in 7 days for long-term results."

   Practice Challenge:
   "7-Day Challenge:
   Follow this routine consistently for 7 days.
   Comment each day with:
   Day [X]: [How your skin feels, any changes]

   I'll check in and answer questions!"

2. Troubleshooting Section
   Anticipate Problems:

   Common Issues:
   "Issue: Skin feels tight after routine
    Fix: You might be using too much product.
    Try using half the amount."

   "Issue: Not seeing results after 2 weeks
    Fix: Skincare takes time. Be consistent for
    at least 30 days before judging results."

   When to Seek Help:
   "If you experience:
   • Persistent irritation
   • Allergic reaction
   • Worsening condition

   Stop immediately and consult dermatologist.
    Not all products work for everyone."

3. Customization Guidance
   Make It Adaptable:

   Skin Type Variations:
   "For Oily Skin:
   - Use gel or lotion moisturizer (not cream)
   - Focus on controlling oil, not hydration

   For Dry Skin:
   - Use rich cream moisturizer
   - Add hydrating serum (hyaluronic acid)

   For Sensitive Skin:
   - Use fragrance-free products
   - Patch test everything first"

   Budget Variations:
   "Budget Option (under ¥100):
   [List affordable alternatives]

   Splurge Option (¥200+):
   [List premium options]

   Both work! Choose what fits your budget."

4. Track Progress
   How to Measure Success:

   What to Track:
   "Track Your Progress:
   Week 1: Take before photo, note skin concerns
   Week 2: Note any changes (positive or negative)
   Week 4: Compare to week 1, adjust if needed
   Week 8: Final assessment, continue or modify"

   Evaluation Metrics:
   - Skin feel (hydrated, soft, smooth?)
   - Appearance (less dry, more glow?)
   - Concerns improved (flaking, redness reduced?)
   - Confidence boost (feel better bare-faced?)

5. Next Steps
   What to Do After Tutorial:

   Immediate:
   ✅ Save this tutorial for reference
   ✅ Try routine/tomorrow morning
   ✅ Comment questions

   This Week:
   ✅ Follow consistently (don't skip days)
   ✅ Track progress (photos, notes)
   ✅ Share experience in comments

   Next Level:
   ✅ Check out my [advanced tutorial]
   ✅ Watch [related topic video]
   ✅ Join my [challenge/group]

   Call to Action:
   "Ready to start?
   1. Save this post
   2. Try tomorrow morning
   3. Comment your skin type for personalized tips
   4. Follow for more skincare tutorials!"
```

### Step 5: Optimize for Learning

**Maximize Educational Value**:
```
Learning Optimization:

1. Cater to Learning Styles
   Visual Learners:
   - Photos showing each step
   - Diagrams and illustrations
   - Before/after comparisons
   - Color coding (related items same color)

   Reading Learners:
   - Clear text explanations
   - Bullet points for easy scanning
   - Bold key terms
   - Summaries and recaps

   Kinetic Learners (learn by doing):
   - Try it yourself exercises
   - Practice challenges
   - Step-by-step actions
   - "Follow along" format

2. Memory Aids
   Help Followers Remember:

   Mnemonics:
   "Remember: C-T-M-S
   Cleanser → Toner → Moisturizer → SPF
   Morning routine in 4 steps!"

   Acronyms:
   "Think: S.S.S.
    Simple, Slow, Steady
    When building skincare routine"

   Visual Shorthands:
   - Icons for each step (drop of water = moisturize)
   - Color coding (blue = morning, orange = evening)
   - Numbering (clear sequence)

3. Referenceability
   Make Tutorial Easy to Reuse:

   Save-Worthy Elements:
   - Checklist slides (screenshot for daily use)
   - Comparison tables (reference when shopping)
   - Summary slides (recap key points)

   CTA for Saving:
   - "Save this for your next routine!"
   - "Screenshot checklist for daily reference"
   - "Come back to this post whenever you need a refresher"

4. Accessibility
   Make Content Inclusive:

   Font Readability:
   - Large text (minimum 24pt for body)
   - High contrast (dark on light)
   - Clear fonts (no decorative fonts for body text)

   Language Accessibility:
   - Avoid jargon or explain it
   - Use simple sentence structures
   - Provide examples for abstract concepts

   Cognitive Accessibility:
   - Break complex information into chunks
   - Use consistent structure
   - Provide summaries for long tutorials

5. Engagement Questions
   Encourage Active Learning:

   Check Understanding:
   - "Does this make sense? Comment below if unclear!"
   - "What step are you most excited to try?"
   - "Do you already do any of these? Let me know!"

   Apply Learning:
   - "Try step 1 today and comment your experience"
   - "What's your current routine? Compare to this"
   - "Tag a friend who needs to see this!"

   Share Results:
   - "In 7 days, come back and comment your results"
   - "Use #[hashtag] so I can see your progress"
   - "I'll feature my favorites in my stories!"

6. Follow-Up Content
   Create Tutorial Series:

   Sequels:
   - "Part 1: Basic routine"
   - "Part 2: Advanced routine"
   - "Part 3: Troubleshooting"

   Related Tutorials:
   - "Mastered this? Check out my tutorial on [related topic]"
   - "Confused about [specific aspect]? Watch my deep-dive"

   Q&A Content:
   - "Based on your comments, I made a FAQ video"
   - "You asked, I answered: [topic] Q&A"
```

## Common Mistakes

| Mistake | Why Happens | Fix |
|---------|-------------|-----|
| Too advanced for audience | Overestimate knowledge | Start simpler, ask for feedback |
| Not actionable | Focus on theory | Make specific, what to do exactly |
| Too much information | Want to be comprehensive | Break into series, focus on one topic |
| Poor visuals | Text-heavy, no demonstration | Use photos, videos, diagrams |
| No practice element | Just information overload | Add exercises, challenges |
| Inconsistent structure | No planning | Create template, stick to format |

## Real-World Impact

**Case Study: Tutorial Effectiveness**
- **Before**: Text-heavy explanation, 10% save rate, confused comments
- **After**: Visual step-by-step, clear structure, practice elements
- **Result**: 40% save rate, followers reported actually trying routine, became go-to resource

**Data-Backed Insights**:
- Tutorials with clear visuals get 3x more saves than text-only
- Step-by-step structure increases completion rate by 50%
- Tutorials with practice elements get 2x more engagement
- "Beginner" in title increases clicks by 40% (beginners seek basics)
- Checklist slides are most saved type of tutorial slide
- Tutorial series build stronger authority than single comprehensive tutorial
- Followers who apply tutorial become 3x more loyal (invested in learning)

## Related Skills

**REQUIRED**: Use script-writing (structure tutorial narrative)
**REQUIRED**: Use content-layout (design clear tutorial slides)

**Recommended**:
- **instructional-design** (learning theory application)
- **visual-communication** (create effective diagrams)
- **educational-content** (teaching techniques)