Skip to content

mengto/fil

v1.0.0

Make images, video, 3D, websites, slides and social posts on your Fil canvas, with the best models, as nodes you keep working with.

fil-canvas

Work on a Fil canvas the way Fil expects. Build a flow of prompts, files and generation nodes, price paid runs before they run, wait for results, and keep the canvas tidy. Use for anything made in Fil: pictures, video, 3D, websites, slides, documents, posts and sound.

html-demo

Show an app working on a web page by drawing it live in HTML instead of recording it. A Mac-style window plays the app step by step, and every frame is a pure function of one clock, View(t), drawn on a fixed 1200 × 750 stage that one CSS scale fits to any width. The pointer is scripted, labels and pictures come from the real app, a steps bar sits under the window, it plays only while on screen, and reduced motion gets designed end frames. Use when someone wants a product demo, an animated app window or hero, a feature walkthrough, "the UI animated and simulated in HTML", "like a screen recording but HTML", an interactive product tour on a landing or download page, or wants to replace screen recordings, GIFs or MP4s of their UI with crisp live HTML. Also use to build many such windows at once with helper agents, or to scrub, freeze and screenshot them.

html-reel

Turn a tweet, a video, a YouTube video or a landing page into a 9:16 reel (Instagram Reels, TikTok, Shorts) that says what the source says and looks like it, with every cut on a word. Read the source (its words, its media, its measured fonts and colours), pick a structure (a promo, a showcase, "found this", an explainer, before and after), write the script in the creator's voice from the source's own facts, make the voice with timestamps (their cloned ElevenLabs voice), then build the picture from HTML scenes drawn from one clock (window.__frame(t)) in the source's look, its demo video framed and cut to words, and assemble it in Fil's video editor over MCP. The creator is in it from the first draft as a drawn placeholder in the camera layouts (full frame, a bubble, half the frame), swapped for their phone takes when they record, and everything retimed to their own words by word anchors, t = W(τ); a reel can also be faceless. Use when someone wants a reel, a short or a vertical video from a post, a thread, a launch, a landing page, a demo video or a YouTube video, "a reel like this one", or a talking-head promo cut to their own delivery.

landing-page

Make a landing page or website in Fil from a brief. A Code node writes the site, then you refine its pages, design system and content, and publish it when asked. Use when someone wants a landing page, a homepage, a product page or a small site.

setup

Set up Fil the first time it's used in a conversation. Signs the person in to Fil, checks their account, and makes or opens a canvas to work on, with its link. Use when Fil was just connected, when the person asks what Fil can do, or before the first thing they ask Fil to make.

social-post

Write a social post in Fil that shows exactly as it will on X, Threads, LinkedIn, Instagram, TikTok or YouTube, with its pictures, video, thread and link card. Use when someone wants a post, a thread, a caption or a YouTube description.

story-video

Make a short story video in Fil. Write the shots, make a picture for each, bring them to life as videos, add a voice or music, and cut it all together in Fil's video editor. Use when someone wants a short film, an ad, a trailer or a story told in shots.