content-formatterlisted
Install: claude install-skill mercedesperezcapilla-gif/ai-course-web
# Content Formatter for Claude Code Course
## Overview
This skill takes dense, text-heavy lesson content and transforms it into beautiful, scannable, student-friendly format that works perfectly in Notion, Google Slides, or course platforms like the WDAI approach.
## When to Use This Skill
- After lesson-generator creates content
- Lesson content is too dense
- Need web/slide-ready format
- Want student-friendly layout
- Converting for Notion/platform delivery
- Making content scannable and engaging
## Core Transformation Principles
### Visual Hierarchy
Use clear structure with emojis for instant recognition:
- 📘 Lesson titles (h1)
- 🎯 Goals/Objectives (h2)
- ⏱️ Time estimates
- 📋 Steps/Instructions
- ✅ Success criteria
- ⚠️ Troubleshooting
- 💡 Tips/Pro tips
- 🎉 Wins/Celebrations
- 📚 Resources
- 💼 Examples
- 🔧 Tools
### Break Up Walls of Text
- Maximum 3-4 sentences per paragraph
- Use bullet points for lists
- Numbered steps for sequences
- Tables for comparisons
- Code blocks for commands
- Callout boxes for important info
### Student-First Language
**Change technical language:**
- "Execute the following command" → "Type this:"
- "Verify successful completion" → "Check it worked:"
- "In the event of an error" → "If something goes wrong:"
- "Prerequisites" → "Before you start, you'll need:"
**Use conversational tone:**
- "You've got this!"
- "Let's do this together"
- "Here's what's happening..."
- "See how that works?"
### Progressive Disclosure
Use expandab