Communitygithub.com

Taskfilm:真實瀏覽器操作變成可編輯的產品短片

錄製真實瀏覽器任務,附定時操作、DOM 斷言與結果截圖,再把素材變成可編輯的 HyperFrames HTML/SVG 動態短片:功能教學、SaaS 發表宣傳片或附原始碼出處的開源專案導覽,最後輸出 MP4。

Taskfilm:真實瀏覽器操作變成可編輯的產品短片 是什麼?

教學影片配方第 2 步(發表版剪輯),來自 Karnaf0katom/taskfilm(2026-10-07 發布,MIT,GitHub Pages 有預覽畫廊)。taskfilm 命令列與內建的 taskfilm-video 技能錄製瀏覽器任務,記錄定時操作、點擊、DOM 斷言與附雜湊的結果截圖,再選敘事模式:feature_demo 講一個可重複的任務,saas_launch 走「痛點、流程、成果加你提供的 CTA」,github_review 介紹固定版本的開源專案並寫清適用情境、限制與出處。taskfilm edit 準備教學剪輯,compose 或 reel 匯出可編輯的 HTML/SVG 合成,含鏡頭運動、動態文字、點擊特效、回顧鏡頭與合成音效,render 輸出 MP4。教學維持真實操作速度;宣傳片可剪掉空檔,但真實結果必須留在畫面上。範例不需帳號、API 金鑰或 GPU;這個 alpha 版只在 Linux 上驗證過。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Karnaf0katom/taskfilm/tree/HEAD/skills/taskfilm-video

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

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.

相關技能