Skip to the content
FilDocs

The Fil plugin for Claude Code

Install Fil's plugin in Claude Code or the Claude desktop app to work on your canvas and use Fil's skills, from landing pages to HTML Demo and HTML Reel.

Fil's plugin puts Fil in Claude Code in one install: its MCP server, so Claude works on your canvas live, and Fil's skills for landing pages, story videos, social posts, HTML demos and reels. It works in the terminal and in the Code tab of the Claude desktop app.

A terminal adding the fil marketplace, installing fil@fil, and showing the plugin: Fil 1.0.0 with 7 skills, fil-canvas, html-demo, html-reel, landing-page, setup, social-post and story-video, and the fil MCP server
Installing the plugin, and what it brings

Install the plugin

  1. In Claude Code, add Fil's marketplace and install the plugin:
   /plugin marketplace add https://github.com/MengTo/fil-plugins
   /plugin install fil@fil
  1. Run /mcp, pick fil and sign in. Fil opens in your browser to ask for access. Check it's Claude Code, pick a daily cap on the credits it can spend, and allow it.
  2. Ask in plain words, or start with /fil:setup, which finds or makes a canvas and gives you its link.

From a shell, the same is claude plugin marketplace add https://github.com/MengTo/fil-plugins and then claude plugin install fil@fil. In the Claude desktop app's Code tab, once the marketplace is added, the plugin is also under + › Add plugins.

The steps are in Fil too: click More in the sidebar, then Agents (open Agents), Connect an agent, and Claude Code.

Agents › Connect with Claude Code picked: the two plugin commands to type in Claude Code, then Allow it in your browser and Ask for something
Claude Code's steps under Agents › Connect

What's in it

PartWhat it does
Fil's MCP serverCanvases, prompts, files and generation nodes, sites and video edits, as in MCP tools
setupSigns you in, finds or makes a canvas and explains how runs are paid for
fil-canvasHow Claude works on a canvas: build the flow, price runs, wait for results
landing-pageA landing page or small site, refined for free and published when you ask
story-videoShots, pictures, video and sound, cut together in the video editor
social-postA post that shows as it will on X, Threads, LinkedIn, Instagram, TikTok or YouTube
HTML DemoAn app shown working on a page, drawn live in HTML (about it)
HTML ReelA 9:16 reel from a post, a video or a page (about it)

Skills start when your ask fits them, or by name, such as /fil:landing-page.

Credits

Runs that make pictures, video, 3D or code spend your Fil credits, as in Fil. Claude prices each run first and tells you, and nothing runs above the price you agree to. The daily cap you picked limits what it can spend in a day; change it under Agents › Keys and limits. See Credits and plans.

Updates

Claude Code doesn't update plugins from other marketplaces by itself. Run /plugin, open Marketplaces and turn on auto-update for fil, or run claude plugin update fil@fil now and then.

What's next