Claude Cowork 技能，适用于 WebAlgos——HackProduct 的内容部门，HackProduct 是基于 AI 的专业产品和技术判断练习系统。

技能

webalgos-reel

构建动画暗模式MP4卷轴（1080×1920,24帧每秒），能在45秒内教授盲75编码模式。

目标不仅仅是记忆模式。每一卷作品都设计得让观众从“我能写这个”走向我能判断机器是否写对“——这是AI工程师的核心技能。

流水线： Python + 枕头 → PNG 帧序列→程序化 WAV 音频 →ffmpeg H.264 MP4

安装： 将包含 SKILL.md 和 [references/] 的文件夹放入你的 Claude Cowork 技能目录。

详见SKILL.md，了解完整规格、暗色调、脚本架构和音频设计。

用途

安装在 Claude Cowork 后，触发条件如下：

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

模式路线图

编码：双指针、滑动窗口、二分搜索、快速和慢速指针、BFS/DFS、回溯、动态规划、堆/顶K、区间、尝试。

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