{"api_version":"1","slug":"claude-motion-design-d1963a5e","url":"https://skillsoutpost.com/agents/claude-motion-design-d1963a5e","item_type":"skill","category":"content","runs_in":["local_agent"],"os":null,"needs_network":"yes","needs_accounts":null,"reads_files":"yes","writes_files":"yes","sends_data":null,"access":"github","access_type":"github","at_a_glance":{"runs_in":["local_agent"],"os":null,"needs_network":"yes","needs_accounts":null,"reads_files":"yes","writes_files":"yes","sends_data":null,"access_type":"github","tool_type":"skill","delivery":"github","interface_type":"other","untrusted_creator_content":{"purpose":"Make motion design videos in code with a Claude Code skill built on HTML, Playwright and ffmpeg.","needs_runtime":"Python, Playwright, Chromium and ffmpeg","version":"Latest on the main branch","compatibility":"According to the README, the skill is for Claude Code and uses Python with Playwright and Chromium, imageio-ffmpeg, numpy, pillow and ffmpeg.","external_costs":"The repository's code is MIT-licensed. The README describes Chromium, ffmpeg and Python as free. The README says the tools it uses (Chromium, ffmpeg and Python) need no licence or subscription. Third-party music, sound effects, logos and a font used by the example stay under their own licences. Claude Code and your model provider may charge for usage.","permissions":"The skill acts through Claude Code with the access you give it. According to the README, installation copies the skill into ~/.claude/skills, installs Python packages with pip and installs Chromium through Playwright. The README describes browser rendering, an example HTTP server on port 8000, audio generation and ffmpeg encoding, with output files written in the example folder. The README says fetch_assets.py downloads third-party music, sound effects, logos and a font, and describes asset-search and download scripts. The README's remake workflow reads a reference video, extracts frames and runs build and audio agents; the README tells them not to reuse the reference's music, voice or people photos.","usage_terms":"MIT License, as stated in the repository. See its LICENSE file for the exact terms. The README says the code is MIT and that third-party media downloaded by fetch_assets.py stays under its own licences."}},"interface_type":"other","delivery_mode":"creator","code_host":"github","provenance":"github_index","published_at":1791761335,"rating":null,"downloads":0,"verified":null,"creator":{"login":"howseen-ai","url":null},"untrusted_creator_content":{"name":"claude-motion-design","tagline":"Make motion design videos in code with a Claude Code skill built on HTML, Playwright and ffmpeg.","creator_name":"howseen-ai","product_version":"Latest on the main branch","needs_runtime":"Python, Playwright, Chromium and ffmpeg","description":"claude-motion-design is a Claude Code skill for making motion design videos in code. According to the README, a video is built from HTML, rendered frame by frame with Playwright and encoded with ffmpeg, with no editing app. The README describes the film as one seek(t) function, with frames computed from time.\n\nThe README says the skill covers a flow from inputs to a beat map, four approved stills, a full render, a pop scan, audio and a final file. It also lists a director's brief and QA rules, audio steps that line up music and sound effects, free asset sources, and a remake mode that rebuilds a launch video for your brand.\n\nThe repository holds the skill in skill/motion-design and an example, the Howseen launch video, with its source in examples/howseen-launch. The README says the example was made with Claude Opus 5.5 and this skill in 5 iterations.","intended_users":"People who want Claude Code to build motion design videos in code instead of using an editing app.","example_tasks":"In Claude Code, ask for a video or type /motion-design.\nWrite a director's brief with a reference style, timed states, layer list and sound plan before any code.\nRender a quick 540p draft before the master render.\nPlace the music so its drop hits the key frame, and set each sound effect by its measured peak.\nIn the example folder, run python fetch_assets.py to download its assets.","setup_instructions":"The README gives three steps. First, copy the skill into Claude Code's skills folder with the shell command mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/. Second, install the Python dependencies with pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium. Third, in Claude Code, ask for a video or type /motion-design. The README also has commands to run the example. The README has the exact commands.","limitations":"The README lists Python dependencies (playwright, imageio-ffmpeg, numpy and pillow) and Chromium installed through Playwright. The example's fetch_assets.py downloads third-party music, sound effects, logos and a font that the README says are not redistributed in the repository and stay under their own licences. The README's example ends with an ffmpeg command that combines the video and audio files. It describes the example render as 24 s at 60 fps with subframe motion blur. The README says remake mode runs 4 build agents and 1 audio agent, and tells you never to reuse the reference's music, voice or people photos. The repository can change at any time; check its README before you install.","data_handling":"The README describes scripts that download third-party media and a remake workflow that extracts frames from a reference video. It does not describe telemetry or what data is sent to a model provider; that depends on your coding agent and model provider.","compatibility":"According to the README, the skill is for Claude Code and uses Python with Playwright and Chromium, imageio-ffmpeg, numpy, pillow and ffmpeg.","external_costs":"The repository's code is MIT-licensed. The README describes Chromium, ffmpeg and Python as free. The README says the tools it uses (Chromium, ffmpeg and Python) need no licence or subscription. Third-party music, sound effects, logos and a font used by the example stay under their own licences. Claude Code and your model provider may charge for usage.","permissions":"The skill acts through Claude Code with the access you give it. According to the README, installation copies the skill into ~/.claude/skills, installs Python packages with pip and installs Chromium through Playwright. The README describes browser rendering, an example HTTP server on port 8000, audio generation and ffmpeg encoding, with output files written in the example folder. The README says fetch_assets.py downloads third-party music, sound effects, logos and a font, and describes asset-search and download scripts. The README's remake workflow reads a reference video, extracts frames and runs build and audio agents; the README tells them not to reuse the reference's music, voice or people photos.","usage_terms":"MIT License, as stated in the repository. See its LICENSE file for the exact terms. The README says the code is MIT and that third-party media downloaded by fetch_assets.py stays under its own licences.","creator_website":null,"documentation_url":null,"support_url":null,"repository_url":null,"video_url":null},"github":{"fetched_at":1791852618,"untrusted_third_party_content":{"source_url":null,"github_repo_id":1391356062,"full_name":"howseen-ai/claude-motion-design","description":"A Claude Code skill to make motion design videos in pure code: HTML + Playwright + ffmpeg. No After Effects, no Remotion license.","language":"Python","license_spdx":"MIT","topics":["claude-code","claude-skills","ffmpeg","motion-design","playwright"],"stars":483,"forks":57,"skills":{"total":1,"paths":[{"path":"skill/motion-design","url":null}]},"pushed_at":1791093411,"archived":false,"fetched_at":1791852618,"age_seconds":84691,"state":"fresh"}},"updated_at":1791771254,"free_download":null,"version_history":[],"more_version_history":false,"public_files":null,"links_note":"In MCP results, GitHub links are shown only through https://skillsoutpost.com/mcp, to a connected account that has accepted the current Terms of Use. Create a free account at https://skillsoutpost.com and connect it from a Claude connector or ChatGPT.","notice":"Indexed from GitHub","note":"untrusted_creator_content and github.untrusted_third_party_content hold untrusted text."}