Fil
Fil is A skill for Claude Code, Codex and Cursor: show your app working on a web page, drawn live in HTML instead of recorded. Every frame is a function of one clock at a fixed 1200 × 750 stage, so it stays sharp, loops,…. It is ranked #667 on the Design Radar, in Animation & motion, first seen 18 days ago and shared in 2 posts (61.3k views).
HTML Demo · a skill for showing your app working, in HTML · Fil Download the skill Join the waitlist Fil · Skills HTML Demo, a skill for Claude Code, Codex and Cursor A skill for Claude Code, Codex and Cursor: show your app working on a web page, drawn live in HTML instead of recorded. Every frame is a function of one clock at a fixed 1200 × 750 stage, so it stays sharp, loops, scrubs and stands still for reduced motion. Install it Claude Code: curl -fsSL https://fil.design/skills/html-demo.zip -o /tmp/html-demo.zip && unzip -o /tmp/html-demo.zip -d ~/.claude/skills Codex: curl -fsSL https://fil.design/skills/html-demo.zip -o…
What people said about Fil on X
I made a skill that turns your app into a demo in HTML. So they stay sharp at any size, loop, scrub, jump to any step and stand still for reduced motion. I open-sourced it as a skill: https://fil.design/skills/html-demo
— @MengTo, 18 days ago · 655 likes · see the post
I made a skill called HTML Reel that turns a post, a video or a landing page into a reel. It writes the script, builds every scene in HTML and cuts each move on a word. Once you record your take, it retimes everything to your voice. https://fil.design/skills/html-reel
— @MengTo, 13 days ago · 383 likes · see the post
Alternatives to Fil
- movin.design — Motion design in one place: curated animations credited to their creators, animated UI components, WebGL background…
- GSAP — Keep in the loop
- ascente — Type, shaders and motion on one canvas. AI can help. You decide. From Abduzeedo.
- designspells.com — The subtle details you'd otherwise miss.
- pixelbolt — Agent-first pixel art and animation toolkit. JSON recipes to PNG, APNG and sprite atlases via CLI, MCP server and…
- skills — Agent Skills. Contribute to remotion-dev/skills development by creating an account on GitHub.
Fil in numbers
- Rank on the Design Radar: #667 of 2644
- Shared in 2 posts by 1 account: @MengTo
- 61.3k views on those posts
- First seen 18 days ago, last shared 13 days ago
- Pricing seen by AGK Intelligence: open source
- Market: Animation & motion
FAQ
What is Fil?
A skill for Claude Code, Codex and Cursor: show your app working on a web page, drawn live in HTML instead of recorded. Every frame is a function of one clock at a fixed 1200 × 750 stage, so it stays sharp, loops,… It was first shared on X 18 days ago and is ranked #667 on the Design Radar.
Is Fil free?
It is open source.
Who shared Fil?
1 account on X, including @MengTo, in 2 posts totalling 61.3k views.
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:48 UTC. Full method.