jitOffice

Jit Motion — AI skill for Claude Code

AI community

把任意产品简介，一键生成单文件 HTML 宣传动画视频 —— 多场景 GSAP、四种画幅比例、零 emoji.

How to install Jit Motion

This entry records only its repository, not the path inside it, so there is no exact command to give. Open jitOffice/jit-motion and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Jit Motion does

把任意产品简介，一键生成单文件 HTML 宣传动画视频 —— 多场景 GSAP、四种画幅比例、零 emoji。适配 Claude Code / Codex / Cursor / Qoder 的 AI 技能

Alternatives in AI

Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
Guizang Ppt Skill — AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts 24.9k ★
Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★

README

**Languages:** English | [简体中文](README.zh-CN.md)

jit-motion

**Ship a polished product promo video as one self-contained HTML file.** No video editor, no render farm — just a product brief and your AI coding agent.

A **tool-agnostic** Agent Skill that turns a product brief into a single-file, self-contained HTML product promo animation — 15-30s, multi-scene GSAP timeline, four aspect ratios, zero emoji. It's pure **Markdown + one HTML skeleton + one Python validator**, so any AI coding tool that can *read files, write files, and run a shell* can use it.

**Naming:** `jit-motion` is the project / repo name. The skill's internal identifier (folder + frontmatter `name`) is `product-promo-animation`.

Features

🎞️ One file, plays anywhere — all CSS/JS inlined; only GSAP (CDN) and your logo are external.
🧭 Four aspect ratios — 16:9 / 4:3 / 1:1 / 9:16 with automatic layout reflow, no per-size hand-tuning.
🎨 Brand-faithful — harvests primary colors + logo from the product's official site.
🧩 Zero emoji — a 24×24 stroke-SVG icon system that stays crisp at any scale.
✅ Deterministic validator — validate.py catches dead CSS selectors, emoji leaks, timing drift and forbidden colors.
🤖 **Works with every major