by bangtutorial · Other skill作者：bangtutorial · 其他技能作者：bangtutorial · 其他技能作者：bangtutorial · その他スキル
An agent skill that turns Claude Code, Codex, Gemini CLI, or Cursor into a motion designer: openers, promos, kinetic typography, and explainers built as a single index.html that plays like video, not slides. 10 style directions, 19 opener concepts, and six explainer styles, each with a starter; a style brief (three concept candidates, palette with sources) comes before any code, and frame checks run before handover. Watching needs only a browser and internet (GSAP and fonts load from a CDN); MP4 export is optional via scripts/export-frames.mjs. MIT. Young project: created 2026-09-05, 3 commits.一个让 Claude Code、Codex、Gemini CLI 或 Cursor 变成动态设计师的 agent 技能：片头、宣传片、动态字体与解说视频都做成单个 index.html，在浏览器里像视频一样播放、而不是幻灯片。10 种风格方向、19 个片头概念、6 种解说风格（各带起始模板）；动工前先出风格简报（3 个概念候选、注明来源的配色），交付前跑帧检查。观看只需浏览器与联网（GSAP 与字体走 CDN）；MP4 导出可选，用 scripts/export-frames.mjs。MIT。项目很新：2026-09-05 创建，仅 3 次提交。一個讓 Claude Code、Codex、Gemini CLI 或 Cursor 變成動態設計師的 agent 技能：片頭、宣傳片、動態字體與解說影片都做成單個 index.html，在瀏覽器裡像影片一樣播放、而不是投影片。10 種風格方向、19 個片頭概念、6 種解說風格（各帶起始範本）；動工前先出風格簡報（3 個概念候選、註明來源的配色），交付前跑幀檢查。觀看只需瀏覽器與連網（GSAP 與字體走 CDN）；MP4 匯出可選，用 scripts/export-frames.mjs。MIT。專案很新：2026-09-05 建立，僅 3 次提交。Claude Code、Codex、Gemini CLI、Cursor をモーションデザイナーに変えるエージェントスキル。オープナー、プロモ、キネティックタイポグラフィ、解説動画を 1 枚の index.html として作り、スライドではなく動画のようにブラウザで再生する。10 のスタイル方向、19 のオープナー概念、6 の解説スタイル（各スターター付き）。コードの前にスタイルブリーフ（3 つの概念候補、出典付きパレット）を作り、納品前にフレーム検査を行う。視聴はブラウザとインターネットだけでよく（GSAP とフォントは CDN から読む）、MP4 書き出しは scripts/export-frames.mjs で任意に行う。MIT。新しいプロジェクトで、2026-09-05 作成、コミットは 3 件のみ。
Quick start快速上手快速上手クイックスタート
What it does
Bang Motion is an agent skill that turns your coding agent into a motion designer. It builds openers, promos, product demos, kinetic typography, bumpers, idents, channel intros, and explainers as a single index.html that plays like video, not slides: autoplay, loop, no player chrome, and a ?debug=1 scrub bar. Behind it are 10 style directions, 19 opener concepts, and six explainer styles (continuous action, cartoon collage, visual journalism, white catalog, vintage sketch, cartoon stage), plus video layers and an After Effects bridge for cartoon explainers. A style brief with three concept candidates and a palette with sources comes before any code, and the agent checks key frames against the rules before handover.
How it works
You brief the agent (product, logo or site, audience, length, ratio, style name if any), approve its style brief, settle the assets, and it builds one index.html. The skill's rules enforce a continuous world, a moving camera, a persistent subject, text inside the scene, at most two text levels, and varied transitions with real depth — the anti-slide checks. GSAP and fonts load from a CDN, so watching needs a browser and internet and never npm install. MP4 export renders the page frame by frame with scripts/export-frames.mjs; voice-over re-times the timeline, with pause detection in scripts/vo-pauses.html.
then copy the folder to ~/.claude/skills/bang-motion (Claude Code), your Codex skills folder or an AGENTS.md line (Codex), or into the project with a SKILL.md reference (Gemini CLI / Cursor). Install one copy only; the plugin wins over a manual folder.
Ask for a piece in plain words, for example
Make a 30-second opener for my note-taking app. Logo and screenshots attached.
Say which style, not which scenes, and start each new video in a new chat.
Review with ?debug=1, describe what feels off, and export MP4 with scripts/export-frames.mjs when a file is needed.
Key points
Deliverable is a web page, not a video file: one index.html, autoplay + loop, ?debug=1 scrub bar. MP4 export needs Node + puppeteer + ffmpeg; frame verification needs Node + puppeteer; voice-over sync needs ffmpeg or vo-pauses.html.
Reference videos teach rhythm, energy, and motion language only — never palette, fonts, layout, scene order, or signature moments. Each project must differ from the previous one in skin and structure.
Photos are only needed for photo-based styles; use your own, licensed stock, or agent-generated fictional people and props. Video clips become footage layers locked to the timeline.
After Effects builds cover cartoon explainers only and need After Effects open with the Higgsfield MCP bridge connected.
Counts: 10 style directions, 19 opener concepts, six explainer styles by name in the README body; the repository description says five explainer styles — the draft follows the README body's six and flags the mismatch. Young project: created 2026-09-05, 3 commits, version badge 1.19.0. Commands quoted verbatim from the README, execution unverified.
它是做什么的
Bang Motion 是一个 agent 技能，把编程智能体变成动态设计师。它制作片头、宣传片、产品演示、动态字体、台标、频道片头与解说视频，全部做成单个 index.html，像视频一样播放、而不是幻灯片：自动播放、循环、无播放器外壳，另有 ?debug=1 scrub 条。背后是 10 种风格方向、19 个片头概念、6 种解说风格（连续动作、卡通拼贴、视觉新闻、白色图录、复古素描、卡通舞台），另有视频图层与卡通解说的 After Effects 桥接。动工前先出风格简报（3 个概念候选、注明来源的配色），交付前由 agent 按规则检查关键帧。
Anthropic's public repository for Agent Skills — the official example and document skills for Claude. Skills are folders of instructions, scripts, and resources that Claude loads dynamically to improve performance on specialized tasks, from creating documents with your company's brand guidelines to automating personal tasks. The individual skill list here comes from secondary coverage (scriptbyai), not a full enumeration on the repo page, and includes document skills (docx, pdf, pptx, xlsx) plus example skills like frontend-design, canvas-design, and skill-creator.Anthropic 的 Agent Skills 公开仓库——Claude 的官方示例技能和文档技能。技能是 Claude 动态加载的指令、脚本和资源文件夹，用于提升在专门任务上的表现，从按公司品牌规范创建文档到自动化个人任务。这里的单个技能列表来自二手报道（scriptbyai），并非仓库页面的完整枚举，包括文档技能（docx、pdf、pptx、xlsx）和 frontend-design、canvas-design、skill-creator 等示例技能。Anthropic 的 Agent Skills 公開儲存庫——Claude 的官方範例技能和文件技能。技能是 Claude 動態載入的指令、腳本和資源資料夾，用於提升在專門任務上的表現，從按公司品牌規範建立文件到自動化個人任務。這裡的單個技能清單來自二手報導（scriptbyai），並非儲存庫頁面的完整列舉，包括文件技能（docx、pdf、pptx、xlsx）和 frontend-design、canvas-design、skill-creator 等範例技能。Anthropic の Agent Skills 公開リポジトリ。Claude のための公式のサンプルスキルとドキュメントスキルである。スキルとは、Claude が動的に読み込み、専門タスクの性能を高めるための指示・スクリプト・リソースのフォルダで、自社のブランドガイドラインに沿った文書作成から個人タスクの自動化までを担う。ここの個別スキル一覧は二次情報（scriptbyai）によるもので、リポジトリページの完全な列挙ではなく、ドキュメントスキル（docx、pdf、pptx、xlsx）と frontend-design、canvas-design、skill-creator などのサンプルスキルを含む。
Persistent context across sessions for every agent: it captures everything your agent does during a session, compresses it with AI, and injects the relevant context back into future sessions. It works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode, and more. Note the default install asks for a browser sign-in (email magic link) for a CMEM Pro 30-day trial; the --provider flag skips sign-in.为每个智能体提供跨会话的持久上下文：它记录智能体在会话中的一切行为，用 AI 压缩，再把相关上下文注入未来的会话。支持 Claude Code、OpenClaw、Codex、Gemini、Hermes、Copilot、OpenCode 等工具。注意，默认安装会要求浏览器登录（邮箱 magic link）以开通 CMEM Pro 30 天试用；--provider 参数可以跳过登录。為每個智慧體提供跨工作階段的持久上下文：它記錄智慧體在工作階段中的一切行為，用 AI 壓縮，再把相關上下文注入未來的工作階段。支援 Claude Code、OpenClaw、Codex、Gemini、Hermes、Copilot、OpenCode 等工具。注意，預設安裝會要求瀏覽器登入（電子郵件 magic link）以開通 CMEM Pro 30 天試用；--provider 參數可以跳過登入。あらゆるエージェントのためのセッションをまたいだ永続コンテキスト。セッション中のエージェントの行動をすべて記録し、AI で圧縮して、関連するコンテキストを将来のセッションに注入し直す。Claude Code、OpenClaw、Codex、Gemini、Hermes、Copilot、OpenCode などに対応する。なお、デフォルトのインストールでは CMEM Pro 30 日トライアルのためのブラウザサインイン（メールマジックリンク）が求められる。--provider フラグでサインインを回避できる。
An open-source repository of plugins primarily intended for knowledge workers using Claude Cowork, also compatible with Claude Code. Each plugin bundles the skills, connectors, slash commands, and sub-agents for a specific job function, giving Claude a strong starting point for that role. The real power comes from customizing them for your company — your tools, terminology, and processes — and it ships 11 plugins.面向使用 Claude Cowork 的知识工作者的开源插件仓库，也兼容 Claude Code。每个插件打包了某一职能所需的技能、连接器、斜杠命令和子智能体，让 Claude 在这个角色上有很强的起点。真正的威力来自按你公司的情况定制——你的工具、术语和流程——仓库共提供 11 个插件。面向使用 Claude Cowork 的知識工作者的開源外掛儲存庫，也相容 Claude Code。每個外掛打包了某一職能所需的技能、連接器、斜線指令和子智慧體，讓 Claude 在這個角色上有很強的起點。真正的威力來自按你公司的情況客製化——你的工具、術語和流程——儲存庫共提供 11 個外掛。Claude Cowork を使うナレッジワーカーを主対象としたオープンソースのプラグインリポジトリ。Claude Code とも互換性がある。各プラグインは特定の職能に必要なスキル、コネクタ、スラッシュコマンド、サブエージェントを同梱し、その役割における Claude の出発点を強固にする。真の威力は自社向けのカスタマイズ——自社のツール、用語、プロセス——にあり、11 のプラグインを提供する。
Other其他其他その他Claude CoworkClaude Code
claude plugin marketplace add anthropics/knowledge-work-plugins && claude plugin install <plugin>@knowledge-work-plugins