惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

P
Proofpoint News Feed
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
C
Check Point Blog
腾讯CDC
Stack Overflow Blog
Stack Overflow Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
The GitHub Blog
The GitHub Blog
A
About on SuperTechFans
Recent Announcements
Recent Announcements
L
LangChain Blog
Microsoft Azure Blog
Microsoft Azure Blog
小众软件
小众软件
J
Java Code Geeks
博客园_首页
Jina AI
Jina AI
美团技术团队
H
Help Net Security
MyScale Blog
MyScale Blog
Engineering at Meta
Engineering at Meta
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
人人都是产品经理
人人都是产品经理
Y
Y Combinator Blog
S
SegmentFault 最新的问题

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
How I built a Chrome extension that turns YouTube tutoria...
Matt Stankowski · 2026-06-03 · via DEV Community

Tube2Skill is live on the Chrome web store now

For the last year I've watched probably 200+ YouTube tutorials on AI,

LangChain, agent building, and the various flavours of "build a SaaS in a weekend." Every single time, I hit the same wall:The tutorial ends. I want Claude to help me implement what I just watched. But Claude doesn't know the tutorial. So I spend the next 30 minutes pausing the video, copying code, re-prompting Claude with "no, the speaker actually meant this", and slowly reconstructing the framework the creator was using.

Eventually I got fed up and built a tool. It's called Tube2Skill,it's a Chrome extension, and it does in one click what I was doing manually for half an hour every time. This post is a write-up of how it works and what I learned shipping it.

The problem, more precisely

When you give Claude a YouTube transcript directly, it summarizes the video. Useful, but summary isn't what I want. I want Claude to act on the tutorial, write code in the same style, apply the same architectural pattern, debug using the same mental model the creator just demonstrated.

The trick is that Claude has a feature called Skills .md files with a specific structure that Claude treats as procedural knowledge, not just retrieved context. A Skill tells Claude: "when this pattern matches, follow these steps." So the real task wasn't "give Claude a transcript" it was "convert a transcript into a Skill."

The architecture

The extension is Manifest V3, which means a service worker rather than a persistent background page. The flow is dead simple:

  1. Content script detects we're on a YouTube video page and injects the extension UI

  2. User clicks the icon — popup triggers a request for the transcript

  3. Service worker fetches the transcript (more on this in a second), then calls the Anthropic API to convert it to a Skill

  4. Skill file downloads to the user's machine, ready to drop into Claude

The interesting part is step 3.

Converting transcripts into Skills

A raw YouTube transcript is a wall of text with timestamps. Claude Skills, by contrast, have a specific shape:


---
name: my-skill
description: "When to use this skill..."
---
# Skill Name
## When to use
...
## Procedure
1. Step one
2. Step two
...
## Examples
...

Enter fullscreen mode Exit fullscreen mode

The conversion needs to:

Identify the implicit workflow the creator demonstrated
Pull out code snippets and preserve them exactly
Extract terminology and gotchas the creator emphasized
Map all of that into the Skill schema

I burned a few weekends iterating on the prompt that does this. The biggest win was structuring the conversion as a multi-pass operation:

Pass 1: Extract sections by detecting topic shifts (often signaled by phrases like "ok so now let's...", "the next thing we need to do is...").

Pass 2: For each section, pull out: action verbs (these become procedure steps), code blocks (preserved verbatim), and conceptual explanations (these become "When to use" guidance).

Pass 3: Validate against the Skill schema and format.

A single-pass approach worked but produced Skills that were ~60% as useful. Three passes hit ~90%.
The transcript fetching pain
Quick note for anyone building a YouTube extension: transcript availability is genuinely inconsistent. The YouTube transcript API shape changes occasionally, auto generated captions have lower accuracy on code heavy speech ("import" frequently becomes "in port"), and some videos straight-up don't have captions.

My fallback chain:

Try uploaded captions (highest quality)
Fall back to auto-generated English captions
If no English, fall back to auto translated captions from the original language
If none of the above, fail gracefully with a clear error message

I considered using Whisper as a last resort fallback (running the audio through speech-to-text ourselves), but the cost per conversion made the unit economics painful for the free tier.

Billing
I used ExtensionPay, a thin Stripe wrapper specifically designed for Chrome extensions. It handles the payment UI, license checking, and upgrade flow. Probably saved me two weeks of integration work and removed any need to deal with PCI compliance myself.

The pricing model: free tier with 2 conversions, paid tiers from £5/mo (5 conversions) up to £99/mo (unlimited). Charging from day 1 was deliberate, I wanted to know early if anyone would actually pay before going deeper.

The launch meta-joke
Here's the bit I find funnest. To make a demo video for Tube2Skill, I needed a script. So I fed a popular YouTube tutorial titled "How to make a SaaS product demo video" into Tube2Skill, then had Claude use the resulting skill to plan the demo. The demo video you see on the landing page was generated this way.

A tool that converts YouTube into Claude Skills, demoed using a YouTube tutorial about demos, turned into a Claude Skill, used to plan the demo. Recursive AI dogfooding all the way down.

What I learned shipping it
Manifest V3 service worker lifecycle is painful. Anything you put in chrome.storage is fair game; anything you keep in a variable in the worker disappears unpredictably.

Chrome Web Store review is faster than I expected. v1 took 4 days. v1.1 took 1 day. Submit early and often.

The Trader Status declaration is now non-optional if you have any paid features and EU/UK users. Set up a virtual mailbox before declaring.

A small Plausible setup beats elaborate analytics. I tracked outbound clicks to the Chrome Web Store as my conversion signal good enough.

Try it
It's live on the Chrome Web Store. Free to install, 2 free conversions to test it. Plans from £5/mo if you want more.

Install Tube2Skill

If you build with Claude, I'd genuinely love feedback on:

What kinds of tutorials would you most want to convert?
What does the Skill output need to make it 10x more useful for your workflow?

Drop a comment