Communitygithub.com

Taskfilm: 실제 브라우저 작업을 편집 가능한 제품 영상으로

실제 브라우저 작업을 시간이 기록된 동작, DOM 검증, 결과 스크린샷과 함께 녹화하고, 편집 가능한 HyperFrames HTML/SVG 모션 영상으로 바꿉니다. 기능 강의, SaaS 출시 프로모, 출처를 밝힌 OSS 소개를 MP4로 렌더링합니다.

Taskfilm: 실제 브라우저 작업을 편집 가능한 제품 영상으로란 무엇인가요?

튜토리얼 영상 레시피 2단계(출시용 컷). Karnaf0katom/taskfilm(2026-10-07 공개, MIT, GitHub Pages 미리보기 갤러리). taskfilm CLI와 포함된 taskfilm-video 스킬이 시간 기록 동작, 클릭, DOM 검증, 해시된 결과 스크린샷으로 브라우저 작업을 녹화하고 스토리 모드를 고릅니다. feature_demo는 반복 가능한 작업 하나, saas_launch는 문제, 흐름, 결과와 제공한 CTA, github_review는 고정된 OSS 소스를 적합성, 한계, 출처와 함께 소개합니다. taskfilm edit가 강의 편집을 준비하고, compose나 reel이 카메라 무빙, 키네틱 타이포, 클릭 효과, 리캡 샷, 합성 사운드가 담긴 편집 가능한 HTML/SVG 컴포지션을 내보내며, render가 MP4를 만듭니다. 강의는 실제 속도를 유지하고, 프로모는 대기 시간을 잘라도 실제 결과는 화면에 남깁니다. 샘플은 계정, API 키, GPU가 필요 없고 이번 알파의 검증 플랫폼은 Linux입니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Karnaf0katom/taskfilm/tree/HEAD/skills/taskfilm-video

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Use the installed taskfilm CLI. Read its README for installation and run taskfilm doctor and taskfilm capture check before browser capture. This skill is self-contained and does not require the private monorepo or fleet tools.

Choose the story treatment from the user's goal: feature_demo for one repeatable task, saas_launch for problem/workflow/payoff and a supplied CTA, github_review for a pinned OSS source with fit, limitation and attribution. taskfilm init demo supplies an original working app, capture script and sample request/story files. Adapt its inputs instead of inventing unsupported flags. Read taskfilm story --help and taskfilm capture --help for the actual contracts.

Keep before/action/result explicit. For a lesson, keep real interactions at natural speed and hold the visible result long enough to read. Promos can cut idle time, with a useful result still on screen. Use taskfilm repo-pack and story --repo-pack for source-based OSS assertions; the source pack does not prove runtime behaviour.

For the original Taskfilm OSS sample, init includes oss.json and prepare-oss-review.py. Bind its request to the actual pinned public release README using the recipe in the README, then use story --repo-pack. The helper refuses README bytes that differ from the source pack. Other repositories need their own source claims and real task actions.

Record with taskfilm capture rec SCRIPT --out-dir takes --no-burn-captions. Use the exact take path it reports. taskfilm edit TAKE --no-retime prepares the lesson edit. taskfilm compose TAKE --out PROJECT or taskfilm reel TAKE --out PROJECT exports an editable composition from real footage and beat labels. The story brief is direction to apply and inspect, not automatically executed by the composition command. taskfilm render PROJECT --output FILE checks and renders through the pinned HyperFrames owner.

For a directed motion promo, use the existing product-film owner: the sample motion-capture.json records a real 4K take, and motion-spec.json supplies the brand, copy, measured regions and action anchors. Copy the spec to spec.json beside the film, then run taskfilm motion FILM --take EXACT-TAKE --format landscape or portrait. Read taskfilm motion --help. Its optional NumPy/SciPy dependencies are installed with the motion extra. The output under FILM/cuts/FORMAT retains an edit-decision record; rendering stays with taskfilm render.

For pure motion graphics, init also supplies motion-lab/: four original editable HyperFrames scenes with masked type, SVG drawing/interpolation and perspective. Edit the scene files and their paused GSAP timelines, then render that project. It is a silent animation study. Do not describe it as an Adobe After Effects project importer.

taskfilm package --showcase MANIFEST --out DIRECTORY packages finished, hash-bound movies and distribution downloads as a portable static release preview. It probes movie metadata and retains hashes; it does not create or approve a film. package --evidence retains the original take-companion contract.

Keep plans, capture success, verified product result and final-video review distinct in your report. Inspect the result in the captured task, inspect delivery-size video frames, and listen to complete audio when supplied. Never treat a UI replica as proof. Use supplied/currently owned accounts and media. Keep cookies and browser profiles out of examples and packages. Publish only when the user has authorized the concrete destination/output.

관련 스킬