webalgos-skills

Claude Cowork skills for WebAlgos — the content arm of HackProduct, the AI-native practice system for product and technical judgment.

Skills

webalgos-reel

Builds animated dark-mode MP4 reels (1080×1920, 24fps) that teach Blind 75 coding patterns in under 45 seconds.

The goal isn’t just pattern memorization. Each reel is designed to move viewers from “I can write this” toward “I can judge whether the machine wrote it correctly” — the core skill for AI engineers.

Pipeline: Python + Pillow → PNG frame sequence → procedural WAV audio → ffmpeg H.264 MP4

Install: drop the webalgos-reel/ folder (containing SKILL.md and references/) into your Claude Cowork skills directory.

See SKILL.md for full spec, dark palette, script architecture, and audio design.

Usage

Once installed in Claude Cowork, trigger with:

• "make a reel for [pattern name]"
• "do the next pattern"
• "build a blind 75 reel"

Patterns Roadmap

Coding: Two Pointers, Sliding Window, Binary Search, Fast & Slow Pointers, BFS/DFS, Backtracking, Dynamic Programming, Heap/Top-K, Intervals, Tries.

Also planned: SQL, System Design, Data Modeling — same 45-second, motion-first philosophy.

About HackProduct

HackProduct is an AI-native practice system for product and technical judgment. Live interviews, a live AI data analyst, Hatch coaching, autopsies, and scoring — all in one place.

Tags: #HackProduct #codevisuals #coding #visuals #algorithms