tutorial-creation

SKILL.md

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)
Weekly Installs
8
GitHub Stars
46
First Seen
11 days ago
Installed on
opencode8
gemini-cli8
github-copilot8
codex8
kimi-cli8
amp8