framesmith

Start here for any framesmith request. framesmith is a library of motion-graphics, video and visual-design skills for AI agents; each template is driven by a brief and renders deterministically with Python and ffmpeg. Use this skill to pick the right template for a request (product promo, launch video, kinetic typography, spec-sheet motion graphic, brutalist or glitch visuals, gpt-image-2 asset pipelines) or to build a new template on the framesmith engine. Triggers include "make a promo video", "motion graphics for my product", "animated spec sheet", "turn this style/video into a template", and "which framesmith skill should I use".

Jump to install Review files

Repository: Ar9av/framesmith
Last source activity: October 8, 2026 at 07:09
Detected SKILL.md language: English
Stars: 1
Forks: 1

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install only the Agent Skill at https://github.com/Ar9av/framesmith/tree/main/skills/framesmith.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/Ar9av/framesmith --skill framesmith

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

2 files

SKILL.md

Source instructions · Read-only preview

name: framesmith
description: Start here for any framesmith request. framesmith is a library of motion-graphics, video and visual-design skills for AI agents; each template is driven by a brief and renders deterministically with Python and ffmpeg. Use this skill to pick the right template for a request (product promo, launch video, kinetic typography, spec-sheet motion graphic, brutalist or glitch visuals, gpt-image-2 asset pipelines) or to build a new template on the framesmith engine. Triggers include "make a promo video", "motion graphics for my product", "animated spec sheet", "turn this style/video into a template", and "which framesmith skill should I use".
license: MIT
metadata: {"framework":"framesmith","version":"0.1.0"}

# framesmith: start here framesmith templates are **skills**: a `SKILL.md`, a brief schema, an example brief with assets, and a `scripts/` CLI that renders frames with the shared engine (numpy + Pillow → ffmpeg). It needs no browser, GPU or account. Image generation (gpt-image-2) is optional and uses placeholders when there is no key. ## 1. Route the request  | Skill | Output | Pick it when | |---|---|---| | [`video-to-template`](../video-to-template/SKILL.md) | a new template skill + the finished video | The user shares a **reference video** ("make one like this", "copy this style"). Runs the whole pipeline: analyse → storyboard → animatic → assets → build → compare → ship | | [`brutalist-product-promo`](../brutalist-product-promo/SKILL.md) | 22.6 s 9:16 MP4, 21 scenes | Hardware/tech product promo, spec-sheet motion graphic, industrial/brutalist look, one accent colour on black and white | | [`devtool-launch-video`](../devtool-launch-video/SKILL.md) | 33.8 s 16:9 MP4, 11 scenes | Launch or "what is X" film for a CLI, dev tool, AI-agent or security product: rogue-terminal problem, brand reveal, verdict-chip proof, features, dashboard, install, CTA | | [`narrated-collage-explainer`](../narrated-collage-explainer/SKILL.md) | ~50 s 1:1 MP4 with voiceover, beats on spoken cues | Narrated explainer or founder story in a paper-white collage style (big pixel keywords, synced subtitles, CRT TV / XP window / cards / starbursts), built from a script plus real screenshots and GIFs | | [`brand-icons`](../brand-icons/SKILL.md) | SVG + PNG brand marks with a licence and attribution table | Any design needs real company/tool logos ("works with" rows, stack grids, partner walls); fetched from thesvg.org with the right variant for the background | | [`keynote-product-film`](../keynote-product-film/SKILL.md) | ~60–90 s 16:9 MP4, music-driven, no VO | Apple-event-style launch or "introducing" film: kinetic sentences with inline icons, real product UI (prompt, agent session, permission prompts, steps, benchmark chart, ticker, masked field), logo reveal on a gradient wash | | [`no-ai-slop`](../no-ai-slop/SKILL.md) | edited copy + what changed (or a findings report) | Before rendering any template: run scripts, captions and on-screen lines through it. Also for any draft that reads as AI-written (by Peter Yang, MIT) | | [`glass-saas-promo`](../glass-saas-promo/SKILL.md) | 16:9 MP4, music-driven | Render a bright, music-driven SaaS promo (about 30–40 s, 16:9) in the frosted-glass style: a lavender-white field, blue-to-violet gradients, gpt-image-2 glass 3D objects (shield, folder, check, sparkle, laptop), real product UI in | | [`blue-story-film`](../blue-story-film/SKILL.md) | 16:9 MP4, music-driven | Render a music-driven SaaS story film (about 60–90 s, 16:9) in the blue-light style. It opens with typewriter captions, a caret and a selection highlight over ghosted UI, then a huge 'Meet' word that collapses into the brand line. | | [`illustrated-explainer`](../illustrated-explainer/SKILL.md) | ~60–100 s 16:9 MP4 with voiceover | Narrated flat-vector corporate explainer: gpt-image-2 illustrations in one house style, pans with small-caps captions, bullets, split screen, whoosh to logo, world map, product cards, CTA | | [`animated-character-explainer`](../animated-character-explainer/SKILL.md) | ~45–90 s 16:9 MP4 with voiceover | Narrated explainer animated from a consistent transparent-PNG cast (on-model poses via gpt-image-2 edits), props, backdrops and icon tiles; pose swaps and icon pops on spoken cues; starter via `init` | | [`archive-launch-film`](../archive-launch-film/SKILL.md) | ~60–90 s 16:9 MP4 with voiceover | Launch film with a documentary cold open (engravings, flooding cutaways, a highlighted document, words synced to the voice) turning into a chrome brand reveal and cursor-driven product UI on a pastel ground; Enterprise cut with fleet wall and holographic reveal | | [`kinetic-launch-film`](../kinetic-launch-film/SKILL.md) | ~60–90 s 16:9 MP4 with voiceover + synthesised SFX | Text-led SaaS/AI launch film: voice-synced spring word rises, stretched letters, words on dashed curves, scatter, "Meet" logo reveal, logo cards, tilted 3D window with detection boxes, live feed with agent cursor, log-to-table, hub with beams | | [`abstract-journey-film`](../abstract-journey-film/SKILL.md) | ~80 s 16:9 MP4, music only (synthesised score) | Conference opener / brand title sequence: a glowing orb travels through 22 abstract worlds (data field, vortex of cards, sphere burst, pastel pillars, frosted sphere, portal rings, illustrated landscape, space) to the logo; gpt-image-2.5 assets plus procedural scenes | | [`cartoon-launch-film`](../cartoon-launch-film/SKILL.md) | ~45 s square 1080 MP4, music only (synthesised score + cartoon SFX) | Hand-drawn boiling cartoon for a social launch or GitHub-stars post: mascot with on-model poses, terminal cold open, notebook slam, ingest gag, notes graph, agent grid, a hand-drawn Chrome window where an extension captures a page and fills a form with sourced answers, cited answer note, gauge, star counter, end card |  If nothing fits, say so and offer to build a new template (section 3) rather than forcing the wrong one. ## 2. Use a template Each template exposes the same CLI verbs: ``` python3 skills/<name>/scripts/<entry>.py check --brief brief.json # validate python3 skills/<name>/scripts/<entry>.py assets --brief brief.json # gpt-image-2, low/medium quality python3 skills/<name>/scripts/<entry>.py still --brief brief.json 3.4 9.1 python3 skills/<name>/scripts/<entry>.py sheet --brief brief.json # contact sheet python3 skills/<name>/scripts/<entry>.py render --brief brief.json [--audio a.mp3] ``` Always review stills or the contact sheet before a full render, and report which assets are placeholders. ## 3. Build a new template Use [`video-to-template`](../video-to-template/SKILL.md). It holds the full process: reference analysis (`analyze.py`), a timed animatic scaffold (`scaffold.py`), side-by-side review (`compare.py`), the design rules, and a list of pitfalls that each cost a re-render. With no reference video, scaffold a blank template with `python3 tools/new_skill.py <name>` and follow the same phases from Phase 2.

View on GitHub

Back to search Back to installation

cartoon-launch-film

Render a music-only, hand-drawn cartoon launch film (about 45 s, square 1080, 30 fps) for an X, LinkedIn or Threads post. It has boiling ink linework, a mascot with on-model poses, squash and stretch, a paper-and-grass world and a synthesised 120 BPM score with cartoon SFX. Beats are a dark terminal cold open where the agent forgets, a comic burst, a notebook slam title, the mascot eating old chats and docs, a linked-notes graph, a grid of the agents it works in, a hand-drawn Chrome window where a browser extension captures a page and fills a form with sourced answers, a cited answer note, a speed gauge, a star counter and an end card. Use for a GitHub-stars milestone post, open-source launch, devtool or AI-agent feature announcement, Chrome extension demo, or when the user wants a playful cartoon / indie-animation style instead of a polished SaaS look.

2026-10-08

abstract-journey-film

Render a music-only abstract title film (about 80 s, 16:9, 24 fps) in which a small glowing orb travels through a chain of worlds and lands on the logo. The worlds are a dark glitch data field, a UI card in a lit chamber, wireframes that fill into a web page, a flythrough of 3D app panels, a bubble-sky horizon, a spiral vortex of gradient cards, neon diamonds, a construction grid that builds a sphere and bursts it into glossy spheres, a sphere room, isometric glass objects, pastel light pillars, ribbons and glass, a frosted sphere, nested frames, a pastel world, a portal of rings, an illustrated sunset landscape and space with planets. Image assets come from gpt-image-2.5 (transparent spheres, planets, clouds, ribbon, isometric objects and four backdrops); the rest is procedural, and the score is synthesised in code. Use for a conference opener, brand title sequence, product "sizzle" intro, event teaser, or to recreate a dreamy no-text motion-design journey (the Webflow No Code Conf opener style) for a brand.

2026-10-01

animated-character-explainer

Render a narrated explainer video (about 45–90 s, 16:9) animated from layers. It uses a consistent cast of characters generated with gpt-image-2 on transparent backgrounds, with every pose kept on-model by reference-guided edits, plus transparent props, empty room backdrops, and Lucide or brand icon tiles, all composited in code. Characters slide in, breathe and swap poses on spoken cues, icons pop with a spring, whiteboards draw flows, connectors link devices, map pins drop, and a parallax camera drifts, all timed to an OpenAI TTS voiceover. Use when the user wants an animated explainer with characters, a corporate or SaaS story with a recurring cast, "make PNG characters and animate them", or a flat-illustration explainer where people and icons move rather than static images.

2026-10-01

View all from this repository

framesmith

Source facts

Install options

Install with an AI assistant

Review the source files

More from this repository

Install with an AI assistant

More from this repository