SiSkill Explore Skills Free Skills Pricing Installation guide

Workflow Explainer Film

Make an abstract workflow understandable by following one artifact through three transformations.

Make an abstract workflow understandable by following one artifact through three transformations. One document moves through three connected stations; its content evolves while the route and prior steps remain visible.

Workflow Explainer Film

Available now · v1.0.0

USD 9.99 · Single purchase, or get access through Pro.

What would you like to make?

Make my first film

I have approved product information and need this kind of short film.

A 12–24 second silent H.264 MP4 at 1280×720 / 30 fps, plus a PNG cover.

Adapt to my product

I want the same storytelling mechanism with my own brand and actual product labels.

A scoped adaptation, with original and revised renders kept separately.

Review before publishing

I have a candidate and want to catch misleading or hard-to-read sections.

Timestamped wording, continuity and readability issues, with concrete fixes and unverified items.

THREAD / WORKS · original fictional brief

Actual output · original fictional example

20-second English and Chinese films, editable HTML/JSON, poster and technical report. No live product operation, audio generation or external publication occurred.

The input

Move the work, not the tabs. A brief becomes a reviewed handoff in three steps.

The work

The delivered local renderer animates the original brief and exports the actual MP4 shown here. UI shapes and content are original code-drawn illustrations.

Browse all output examples
  • Actual Chinese film — The same recipe with the included Chinese brief, rendered locally. The technical report verifies format and frame count; wording and visual quality are separately reviewed.
  • Frames sampled from the actual film — Eight chronological frames sampled from the English MP4. A visual index of the finished sequence, not AI storyboard stills.

From your material to the finished files

  1. Choose what viewers must understand

    Make an abstract workflow understandable by following one artifact through three transformations. Prepare the supported brief fields, confirm product facts and identify any illustrative material.

  2. Build and render the sequence

    One document moves through three connected stations; its content evolves while the route and prior steps remain visible. Run the local helper, inspect the editable preview and render a fresh MP4 after changes.

  3. Watch, check and deliver

    Check the full film, not only keyframes. Review text, claimed actions and the final hold. The report checks technical output; it does not certify the product or its marketing claims.

Bring this task into your Agent

Prepare these materials

A real three-step process, each step’s input and output, approved benefit statement and handoff destination. Keep copy short. Install the local rendering dependencies; specify a fresh folder for export.

  1. Sign in to acquire the package.
  2. Extract the entire folder into your project: .agents/skills/workflow-explainer-film/SKILL.md (Codex) or .claude/skills/workflow-explainer-film/SKILL.md (Claude Code).
  3. Open a new chat in that project, attach your materials and replace the bracketed fields in the brief below. Ask the Agent to check package instructions and dependencies first.

Use $workflow-explainer-film. My product is [name], for [audience]. Approved facts: [facts]. Copy and CTA: [copy]. A real three-step process, each step’s input and output, approved benefit statement and handoff destination. Create a 20-second silent 16:9 draft using the included renderer. Label illustrative UI and use only authorized images. Deliver the MP4, editable HTML/JSON, poster and review report. Do not publish.

Installation & troubleshooting guide

The first result can be revised

Change only the headline and CTA in JSON. Keep the product mechanism and palette; export a new revision and recheck wrapping and the final reading pause.

What the package includes

  • A 12–24 second silent H.264 MP4 at 1280×720 / 30 fps, plus a PNG cover.
  • Editable browser preview with play/pause, scrubber and JSON editing; input JSON and a timed beat sheet.
  • A scene-specific production recipe and technical export report; reviewed wording and image rights remain your responsibility.

What you provide separately

  • Your own Codex or Claude Code access, Node.js 24+, Playwright 1.58.2 with Chromium or Chrome, FFmpeg/libx264 and ffprobe. Installation may require network access.
  • The renderer runs locally without an account or API key. New generated imagery, music or voice work needs separate tools, permissions and fees.

Before you start

Does this use or resell onetake?

No. Its public release is noncommercial, and Pro prohibits reselling the software or substantially derived competing packages. This product has independently authored instructions, composition code and examples, using SiSkill’s own export infrastructure. Research source: https://github.com/feitangyuan/onetake.

Will it rebuild my app from screenshots automatically?

No. The included UI is illustrative. An Agent can adapt the drawing code with your approved screenshots, but that work and its fidelity need separate review. The teaser instead accepts a local product image.

Are voice, music and video-model credits included?

No. The shipped renderer creates silent local motion films. It needs the documented software dependencies, not a paid video API. Music, voices, custom imagery and their rights or fees are separate.

This is a local animation recipe, not a video-generation subscription or a done-for-you service. UI is illustrative until adapted to your real product; the teaser uses an image layer, not a 3D model. No audio, voiceover, 4K, arbitrary aspect ratios, automatic UI reconstruction or publishing in the helper. Independent product; no onetake code, templates or film assets included.

More to make

  • Product Launch Film — Introduce what a new product does and why it matters in one short visual story. A persistent note expands into a product workspace, reveals three capabilities, then settles into the final product lockup.
  • Feature Walkthrough Film — Explain one feature through a readable input, action and result sequence. The same query chip travels into a search field, selects a result and remains attached to its expanded detail.
  • Product Teaser Film — Build anticipation around a product image, reveal its form, then leave a clear final invitation. A continuous aperture reveals one product image as the framing opens; the product remains on screen through the final invitation.
  • NotebookLM Video — Turn your sources into a reviewed video brief, then generate an explainer in your own Google notebook.