YouTube for Developer Relations
YouTube is the second-largest search engine and where developers go to learn. This skill covers tutorial structure, screen recording setup, live coding, shorts vs long-form, thumbnails, and SEO for technical content.
Before You Start
- Read
.agents/developer-audience-context.md if it exists
- Audit existing technical YouTube channels in your space
- Understand: Developer YouTube is a long game — consistency > perfection
Understanding Developer YouTube
Who Watches Dev Content
| Audience |
What they want |
Video length |
| Learning developers |
Complete tutorials |
15-45 min |
| Working developers |
Quick solutions |
5-15 min |
| Senior developers |
Deep dives, architecture |
30-60 min |
| Decision makers |
Demos, overviews |
3-10 min |
| Conference attendees |
Recorded talks |
20-45 min |
Content Types That Work
| Content type |
View potential |
Effort |
Notes |
| Tutorial (build X) |
Very high |
High |
Evergreen traffic |
| Problem/solution |
High |
Medium |
Search-driven |
| Tool comparisons |
High |
Medium |
High search volume |
| Live coding |
Medium-high |
Low |
Engagement-focused |
| Project updates |
Medium |
Low |
Community building |
| Conference talks |
Medium |
Low |
Repurpose content |
| Shorts |
High reach |
Low |
Discovery-focused |
Successful Dev YouTube Channels
| Channel |
Style |
Why it works |
| Fireship |
Fast, dense, opinionated |
Respects viewer time |
| ThePrimeagen |
Personality, live reactions |
Authentic, entertaining |
| Traversy Media |
Clear, beginner-friendly |
Comprehensive tutorials |
| Hussein Nasser |
Deep dives, whiteboard |
Engineering depth |
| Ben Awad |
Casual, real coding |
Relatable, genuine |
Tutorial Structure
The Tutorial Template
0:00 - Hook (what you'll build/learn)
0:30 - Prerequisites & setup
2:00 - Concept explanation (why)
4:00 - Step 1: [First major step]
8:00 - Step 2: [Second major step]
...
XX:00 - Final result demo
XX:30 - Recap & next steps
XX:45 - CTA (subscribe, comment)
Opening Hook (First 30 Seconds)
| Element |
Purpose |
| Show the end result |
Prove it's worth watching |
| State what they'll learn |
Set expectations |
| Mention prerequisites |
Qualify viewers |
| Estimated time |
Respect their time |
Example hook:
"By the end of this video, you'll have a working CLI tool
that can scrape any website and export to JSON. We'll use
Node.js and Cheerio — you just need basic JavaScript
knowledge. This should take about 20 minutes. Let's go."
Pacing Guidelines
| Video length |
Segment length |
Notes |
| 5-10 min |
1-2 min segments |
Fast, focused |
| 15-30 min |
3-5 min segments |
Standard tutorial |
| 30-60 min |
5-10 min segments |
Deep dive |
Common Tutorial Mistakes
| Mistake |
Impact |
Fix |
| Too much setup |
Viewers drop off |
Skip to interesting parts |
| Not showing end result |
No motivation |
Show finished product first |
| Going too fast |
Confusion |
Pause on key steps |
| Going too slow |
Boredom |
Edit out pauses, typos |
| No timestamps |
Poor navigation |
Add chapters |
| Walls of code |
Overwhelming |
Build incrementally |
Screen Recording Setup
Essential Equipment
| Equipment |
Budget option |
Better option |
| Microphone |
Blue Snowball ($50) |
Shure SM7B ($400) |
| Screen recording |
OBS (free) |
ScreenFlow ($170) |
| Webcam |
Built-in |
Logitech C920 ($80) |
| Lighting |
Window light |
Ring light ($30) |
| Editor |
DaVinci Resolve (free) |
Premiere Pro ($22/mo) |
Audio is More Important Than Video
| Priority |
Why |
| 1. Clear audio |
Bad audio = immediate click away |
| 2. Readable code |
Text must be crisp |
| 3. Good lighting |
For facecam sections |
| 4. High resolution |
1080p minimum |
Screen Recording Best Practices
| Setting |
Recommendation |
| Resolution |
1920x1080 or 2560x1440 |
| Font size |
18-24pt in editor |
| Theme |
Dark theme (easier on eyes) |
| Zoom |
Use IDE zoom for key sections |
| Notifications |
Disable all |
| Browser |
Use clean profile, no bookmarks bar |
Recording Workflow
- Script key points (don't read verbatim)
- Test audio levels before recording
- Record in segments (easier editing)
- Leave pauses for edits (clap or say "edit")
- Show face at transitions (builds connection)
- Record extra b-roll (diagrams, browser, terminal)
Live Coding Content
Live Coding Formats
| Format |
Length |
Platform |
| Twitch stream → YouTube |
1-4 hours |
Both |
| YouTube Live |
30-90 min |
YouTube |
| Pre-recorded "live" |
20-45 min |
YouTube |
Live Coding Best Practices
| Do |
Don't |
| Explain your thinking |
Code silently |
| Embrace mistakes |
Pretend you know everything |
| Read chat |
Ignore audience |
| Have a goal |
Meander aimlessly |
| Take breaks |
Marathon without pause |
| Use timestamps post-stream |
Leave as giant blob |
Common Live Coding Content
| Content |
Example |
| Project from scratch |
"Building a REST API live" |
| Code review |
"Reviewing subscriber PRs" |
| Problem solving |
"LeetCode medium problems" |
| Exploring new tech |
"Learning Rust in public" |
| Bug hunting |
"Fixing production issues live" |
Shorts vs Long-Form
YouTube Shorts (< 60 seconds)
| Aspect |
Best practice |
| Hook |
Immediate (first 1-2 seconds) |
| Length |
30-45 seconds optimal |
| Aspect ratio |
9:16 (vertical) |
| Content |
One tip, one concept |
| Text |
Big, on-screen captions |
| Audio |
Clear voiceover |
Shorts Content Ideas
| Type |
Example |
| Quick tips |
"One command to speed up Git" |
| Syntax shortcuts |
"JavaScript spread operator in 30s" |
| Tool demos |
"VS Code extension you need" |
| Code transformations |
"Before/after refactoring" |
| Hot takes |
"Stop using X, here's why" |
Shorts Strategy
| Goal |
Approach |
| Grow subscribers |
Post 3-5 shorts/week |
| Drive to long-form |
Tease tutorials in shorts |
| Algorithm favor |
Consistent posting schedule |
| Repurpose content |
Cut from long videos |
Long-Form vs Shorts
| Long-form |
Shorts |
| Search traffic |
Discovery traffic |
| Watch time revenue |
Low revenue |
| Depth |
Breadth |
| Subscribers who stay |
Subscribers who scroll |
| Comments, community |
Less engagement |
Thumbnails for Developers
Thumbnail Principles
| Element |
Guideline |
| Text |
3-5 words max |
| Face |
Expression adds emotion |
| Logo/icon |
Tech being discussed |
| Colors |
High contrast, brand consistent |
| Composition |
Rule of thirds |
Thumbnail Patterns That Work
| Pattern |
Example |
| Face + tech logo + emotion |
[Surprised face] + [React logo] + "It changed everything" |
| Before/after |
[Broken code] → [Working code] |
| Big text + icon |
"STOP" + [X mark] |
| Comparison |
[Tech A] vs [Tech B] |
| Result preview |
[Screenshot of finished app] |
Thumbnail Creation
| Tool |
Best for |
| Canva |
Quick, easy templates |
| Figma |
Design control |
| Photoshop |
Advanced editing |
| Thumbnail templates |
Consistency |
A/B Test Thumbnails
YouTube allows thumbnail testing:
- Upload video with thumbnail A
- After 48 hours, change to B
- Compare CTR in analytics
- Keep winner
YouTube SEO
Where Keywords Matter
| Location |
Impact |
Best practice |
| Title |
Highest |
Primary keyword early |
| Description |
High |
First 2 sentences keyword-rich |
| Tags |
Low |
Include, but don't overthink |
| Captions/transcript |
Medium |
Auto-generated + edit |
| Filename |
Low |
Include keyword anyway |
Title Formulas
| Formula |
Example |
| [Tech] Tutorial: [What you'll build] |
"React Tutorial: Build a Todo App from Scratch" |
| How to [Task] with [Tech] |
"How to Deploy to AWS with Docker" |
| [Tech A] vs [Tech B]: Which is Better? |
"Next.js vs Remix: Which Should You Learn?" |
| [Number] [Topic] Tips in [Time] |
"10 VS Code Tips in 10 Minutes" |
| Why I [Action] [Tech] |
"Why I Switched from React to Svelte" |
Description Template
[First 150 chars: Compelling summary with main keyword]
In this video, I'll show you [what they'll learn].
Timestamps:
0:00 - Introduction
2:00 - [Section 1]
[...]
Resources mentioned:
- [Link 1]
- [Link 2]
Links:
🔗 My website: [URL]
🔗 GitHub repo: [URL]
🔗 Discord: [URL]
#[keyword1] #[keyword2] #[keyword3]
Research Keywords
| Tool |
Use for |
| YouTube search autocomplete |
Real search queries |
| TubeBuddy/VidIQ |
Search volume, competition |
| Google Trends |
Trending topics |
| Competitor titles |
What's working |
Platform-Specific Do's and Don'ts
Do's
- Do show the end result first
- Do add chapters/timestamps
- Do use clear, readable code fonts
- Do invest in audio quality
- Do maintain consistent posting schedule
- Do engage with comments
- Do repurpose to shorts
- Do create custom thumbnails
Don'ts
- Don't skip the hook
- Don't use tiny fonts
- Don't record with room echo
- Don't forget CTAs
- Don't post inconsistently
- Don't ignore SEO basics
- Don't make clickbait thumbnails (trust erosion)
- Don't perfectionism (ship it)
Content Calendar
Weekly Schedule Example
| Day |
Content |
| Monday |
Shorts (tip/trick) |
| Wednesday |
Long-form tutorial |
| Friday |
Shorts (from Wednesday video) |
| Weekend |
Edit next week's content |
Monthly Planning
| Week |
Focus |
| Week 1 |
Tutorial (main content) |
| Week 2 |
Live stream or Q&A |
| Week 3 |
Tutorial (main content) |
| Week 4 |
Comparison or review |
Tools
| Tool |
Use case |
| Octolens |
Monitor YouTube and social for mentions of your tech topics, competitors, and find what developers are asking about. |
| OBS Studio |
Free screen recording and streaming |
| ScreenFlow |
Mac recording and editing |
| DaVinci Resolve |
Free professional editing |
| Descript |
Edit video by editing transcript |
| Canva |
Thumbnail creation |
| TubeBuddy |
YouTube SEO tools |
| Riverside.fm |
Remote recording |
Getting Started Checklist
First video:
Related Skills
developer-audience-context — Know who's watching
dev-to-hashnode — Turn videos into blog posts
linkedin-technical — Share videos on LinkedIn
x-devs — Promote videos on Twitter
github-presence — Link repos in descriptions
1---2name: youtube-devrel3description: When the user wants to create developer YouTube content, technical screencasts, or video tutorials. Trigger phrases include "YouTube," "developer video," "screencast," "video tutorial," "live coding," "YouTube for developers," "tech YouTube," or "YouTube thumbnails."4metadata:5 version: 1.0.06---78# YouTube for Developer Relations910YouTube is the second-largest search engine and where developers go to learn. This skill covers tutorial structure, screen recording setup, live coding, shorts vs long-form, thumbnails, and SEO for technical content.1112---1314## Before You Start15161. Read `.agents/developer-audience-context.md` if it exists172. Audit existing technical YouTube channels in your space183. Understand: Developer YouTube is a long game — consistency > perfection1920---2122## Understanding Developer YouTube2324### Who Watches Dev Content2526| Audience | What they want | Video length |27|----------|----------------|--------------|28| Learning developers | Complete tutorials | 15-45 min |29| Working developers | Quick solutions | 5-15 min |30| Senior developers | Deep dives, architecture | 30-60 min |31| Decision makers | Demos, overviews | 3-10 min |32| Conference attendees | Recorded talks | 20-45 min |3334### Content Types That Work3536| Content type | View potential | Effort | Notes |37|--------------|----------------|--------|-------|38| Tutorial (build X) | Very high | High | Evergreen traffic |39| Problem/solution | High | Medium | Search-driven |40| Tool comparisons | High | Medium | High search volume |41| Live coding | Medium-high | Low | Engagement-focused |42| Project updates | Medium | Low | Community building |43| Conference talks | Medium | Low | Repurpose content |44| Shorts | High reach | Low | Discovery-focused |4546### Successful Dev YouTube Channels4748| Channel | Style | Why it works |49|---------|-------|--------------|50| Fireship | Fast, dense, opinionated | Respects viewer time |51| ThePrimeagen | Personality, live reactions | Authentic, entertaining |52| Traversy Media | Clear, beginner-friendly | Comprehensive tutorials |53| Hussein Nasser | Deep dives, whiteboard | Engineering depth |54| Ben Awad | Casual, real coding | Relatable, genuine |5556---5758## Tutorial Structure5960### The Tutorial Template6162```630:00 - Hook (what you'll build/learn)640:30 - Prerequisites & setup652:00 - Concept explanation (why)664:00 - Step 1: [First major step]678:00 - Step 2: [Second major step]68...69XX:00 - Final result demo70XX:30 - Recap & next steps71XX:45 - CTA (subscribe, comment)72```7374### Opening Hook (First 30 Seconds)7576| Element | Purpose |77|---------|---------|78| Show the end result | Prove it's worth watching |79| State what they'll learn | Set expectations |80| Mention prerequisites | Qualify viewers |81| Estimated time | Respect their time |8283**Example hook**:84```85"By the end of this video, you'll have a working CLI tool86that can scrape any website and export to JSON. We'll use87Node.js and Cheerio — you just need basic JavaScript88knowledge. This should take about 20 minutes. Let's go."89```9091### Pacing Guidelines9293| Video length | Segment length | Notes |94|--------------|----------------|-------|95| 5-10 min | 1-2 min segments | Fast, focused |96| 15-30 min | 3-5 min segments | Standard tutorial |97| 30-60 min | 5-10 min segments | Deep dive |9899### Common Tutorial Mistakes100101| Mistake | Impact | Fix |102|---------|--------|-----|103| Too much setup | Viewers drop off | Skip to interesting parts |104| Not showing end result | No motivation | Show finished product first |105| Going too fast | Confusion | Pause on key steps |106| Going too slow | Boredom | Edit out pauses, typos |107| No timestamps | Poor navigation | Add chapters |108| Walls of code | Overwhelming | Build incrementally |109110---111112## Screen Recording Setup113114### Essential Equipment115116| Equipment | Budget option | Better option |117|-----------|---------------|---------------|118| **Microphone** | Blue Snowball ($50) | Shure SM7B ($400) |119| **Screen recording** | OBS (free) | ScreenFlow ($170) |120| **Webcam** | Built-in | Logitech C920 ($80) |121| **Lighting** | Window light | Ring light ($30) |122| **Editor** | DaVinci Resolve (free) | Premiere Pro ($22/mo) |123124### Audio is More Important Than Video125126| Priority | Why |127|----------|-----|128| 1. Clear audio | Bad audio = immediate click away |129| 2. Readable code | Text must be crisp |130| 3. Good lighting | For facecam sections |131| 4. High resolution | 1080p minimum |132133### Screen Recording Best Practices134135| Setting | Recommendation |136|---------|----------------|137| Resolution | 1920x1080 or 2560x1440 |138| Font size | 18-24pt in editor |139| Theme | Dark theme (easier on eyes) |140| Zoom | Use IDE zoom for key sections |141| Notifications | Disable all |142| Browser | Use clean profile, no bookmarks bar |143144### Recording Workflow1451461. **Script key points** (don't read verbatim)1472. **Test audio levels** before recording1483. **Record in segments** (easier editing)1494. **Leave pauses** for edits (clap or say "edit")1505. **Show face** at transitions (builds connection)1516. **Record extra b-roll** (diagrams, browser, terminal)152153---154155## Live Coding Content156157### Live Coding Formats158159| Format | Length | Platform |160|--------|--------|----------|161| Twitch stream → YouTube | 1-4 hours | Both |162| YouTube Live | 30-90 min | YouTube |163| Pre-recorded "live" | 20-45 min | YouTube |164165### Live Coding Best Practices166167| Do | Don't |168|----|-------|169| Explain your thinking | Code silently |170| Embrace mistakes | Pretend you know everything |171| Read chat | Ignore audience |172| Have a goal | Meander aimlessly |173| Take breaks | Marathon without pause |174| Use timestamps post-stream | Leave as giant blob |175176### Common Live Coding Content177178| Content | Example |179|---------|---------|180| Project from scratch | "Building a REST API live" |181| Code review | "Reviewing subscriber PRs" |182| Problem solving | "LeetCode medium problems" |183| Exploring new tech | "Learning Rust in public" |184| Bug hunting | "Fixing production issues live" |185186---187188## Shorts vs Long-Form189190### YouTube Shorts (< 60 seconds)191192| Aspect | Best practice |193|--------|---------------|194| **Hook** | Immediate (first 1-2 seconds) |195| **Length** | 30-45 seconds optimal |196| **Aspect ratio** | 9:16 (vertical) |197| **Content** | One tip, one concept |198| **Text** | Big, on-screen captions |199| **Audio** | Clear voiceover |200201### Shorts Content Ideas202203| Type | Example |204|------|---------|205| Quick tips | "One command to speed up Git" |206| Syntax shortcuts | "JavaScript spread operator in 30s" |207| Tool demos | "VS Code extension you need" |208| Code transformations | "Before/after refactoring" |209| Hot takes | "Stop using X, here's why" |210211### Shorts Strategy212213| Goal | Approach |214|------|----------|215| Grow subscribers | Post 3-5 shorts/week |216| Drive to long-form | Tease tutorials in shorts |217| Algorithm favor | Consistent posting schedule |218| Repurpose content | Cut from long videos |219220### Long-Form vs Shorts221222| Long-form | Shorts |223|-----------|--------|224| Search traffic | Discovery traffic |225| Watch time revenue | Low revenue |226| Depth | Breadth |227| Subscribers who stay | Subscribers who scroll |228| Comments, community | Less engagement |229230---231232## Thumbnails for Developers233234### Thumbnail Principles235236| Element | Guideline |237|---------|-----------|238| **Text** | 3-5 words max |239| **Face** | Expression adds emotion |240| **Logo/icon** | Tech being discussed |241| **Colors** | High contrast, brand consistent |242| **Composition** | Rule of thirds |243244### Thumbnail Patterns That Work245246| Pattern | Example |247|---------|---------|248| Face + tech logo + emotion | [Surprised face] + [React logo] + "It changed everything" |249| Before/after | [Broken code] → [Working code] |250| Big text + icon | "STOP" + [X mark] |251| Comparison | [Tech A] vs [Tech B] |252| Result preview | [Screenshot of finished app] |253254### Thumbnail Creation255256| Tool | Best for |257|------|----------|258| Canva | Quick, easy templates |259| Figma | Design control |260| Photoshop | Advanced editing |261| Thumbnail templates | Consistency |262263### A/B Test Thumbnails264265YouTube allows thumbnail testing:2661. Upload video with thumbnail A2672. After 48 hours, change to B2683. Compare CTR in analytics2694. Keep winner270271---272273## YouTube SEO274275### Where Keywords Matter276277| Location | Impact | Best practice |278|----------|--------|---------------|279| **Title** | Highest | Primary keyword early |280| **Description** | High | First 2 sentences keyword-rich |281| **Tags** | Low | Include, but don't overthink |282| **Captions/transcript** | Medium | Auto-generated + edit |283| **Filename** | Low | Include keyword anyway |284285### Title Formulas286287| Formula | Example |288|---------|---------|289| [Tech] Tutorial: [What you'll build] | "React Tutorial: Build a Todo App from Scratch" |290| How to [Task] with [Tech] | "How to Deploy to AWS with Docker" |291| [Tech A] vs [Tech B]: Which is Better? | "Next.js vs Remix: Which Should You Learn?" |292| [Number] [Topic] Tips in [Time] | "10 VS Code Tips in 10 Minutes" |293| Why I [Action] [Tech] | "Why I Switched from React to Svelte" |294295### Description Template296297```298[First 150 chars: Compelling summary with main keyword]299300In this video, I'll show you [what they'll learn].301302Timestamps:3030:00 - Introduction3042:00 - [Section 1]305[...]306307Resources mentioned:308- [Link 1]309- [Link 2]310311Links:312🔗 My website: [URL]313🔗 GitHub repo: [URL]314🔗 Discord: [URL]315316#[keyword1] #[keyword2] #[keyword3]317```318319### Research Keywords320321| Tool | Use for |322|------|---------|323| YouTube search autocomplete | Real search queries |324| TubeBuddy/VidIQ | Search volume, competition |325| Google Trends | Trending topics |326| Competitor titles | What's working |327328---329330## Platform-Specific Do's and Don'ts331332### Do's3333341. **Do** show the end result first3352. **Do** add chapters/timestamps3363. **Do** use clear, readable code fonts3374. **Do** invest in audio quality3385. **Do** maintain consistent posting schedule3396. **Do** engage with comments3407. **Do** repurpose to shorts3418. **Do** create custom thumbnails342343### Don'ts3443451. **Don't** skip the hook3462. **Don't** use tiny fonts3473. **Don't** record with room echo3484. **Don't** forget CTAs3495. **Don't** post inconsistently3506. **Don't** ignore SEO basics3517. **Don't** make clickbait thumbnails (trust erosion)3528. **Don't** perfectionism (ship it)353354---355356## Content Calendar357358### Weekly Schedule Example359360| Day | Content |361|-----|---------|362| Monday | Shorts (tip/trick) |363| Wednesday | Long-form tutorial |364| Friday | Shorts (from Wednesday video) |365| Weekend | Edit next week's content |366367### Monthly Planning368369| Week | Focus |370|------|-------|371| Week 1 | Tutorial (main content) |372| Week 2 | Live stream or Q&A |373| Week 3 | Tutorial (main content) |374| Week 4 | Comparison or review |375376---377378## Tools379380| Tool | Use case |381|------|----------|382| **[Octolens](https://octolens.com)** | Monitor YouTube and social for mentions of your tech topics, competitors, and find what developers are asking about. |383| **OBS Studio** | Free screen recording and streaming |384| **ScreenFlow** | Mac recording and editing |385| **DaVinci Resolve** | Free professional editing |386| **Descript** | Edit video by editing transcript |387| **Canva** | Thumbnail creation |388| **TubeBuddy** | YouTube SEO tools |389| **Riverside.fm** | Remote recording |390391---392393## Getting Started Checklist394395First video:396397- [ ] Script/outline key points398- [ ] Test audio and screen recording399- [ ] Record in 1080p minimum400- [ ] Font size 18pt+ in editor401- [ ] Show end result in first 30 seconds402- [ ] Add timestamps/chapters403- [ ] Create custom thumbnail404- [ ] Write SEO-optimized title/description405- [ ] Include CTA at end406- [ ] Respond to comments within 24 hours407408---409410## Related Skills411412- `developer-audience-context` — Know who's watching413- `dev-to-hashnode` — Turn videos into blog posts414- `linkedin-technical` — Share videos on LinkedIn415- `x-devs` — Promote videos on Twitter416- `github-presence` — Link repos in descriptions