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:
- Clear Objective - What followers will learn
- Right Level - Appropriate difficulty for audience
- Step-by-Step - Logical progression
- Visual Demonstration - Show, don't just tell
- 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
Repository
vivy-yi/xiaohon…u-skillsGitHub Stars
46
First Seen
11 days ago
Security Audits
Installed on
opencode8
gemini-cli8
github-copilot8
codex8
kimi-cli8
amp8