Menu

Not in the top 1,000 by GitHub stars

Liamrjohnston/remotion-motion-graphics-skill

Production-ready Remotion motion graphics skills for AI video workflows

Engineering

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

skills/article-highlights/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Instructions only → After Instructions only

b860c7921f22 → b860c7921f22

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Instructions only

First observation → b860c7921f22

No earlier version was observed for comparison.

Compare on GitHub

skills/cinematic-camera/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Instructions only → After Instructions only

b860c7921f22 → b860c7921f22

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Instructions only

First observation → b860c7921f22

No earlier version was observed for comparison.

Compare on GitHub

skills/motion-graphics/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Local scripts → After Local scripts

b860c7921f22 → b860c7921f22

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Local scripts

First observation → b860c7921f22

No earlier version was observed for comparison.

Compare on GitHub

skills/terminal-inserts/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Instructions only → After Instructions only

b860c7921f22 → b860c7921f22

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Instructions only

First observation → b860c7921f22

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit b860c7921f2220b9e2a84e815ba0ae7b10858f08

155GitHub stars
7stars in 7 days
4skills in this repository
0commits in 30 days

Heat

5.2
  • Star growth, last 7 daysNot available
  • Star growth, last 24 hoursNot available
  • Rank movement, last 7 daysNot available
  • Commits, last 30 daysNot available
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Oct 25, 2026Nov 6, 2026155

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

article-highlights

When your agent uses it

Editorial Remotion article inserts with mandatory format/background intake, layered highlights, zero neon/glow, and mobile QA.

What it loads into context

Frontmatter

33 tokens

Always available to the agent

SKILL.md

1,118 tokens

When the skill is activated

Reference documents

0 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. Mandatory intake
  2. Absolute visual ban
  3. Approved reference
  4. When to use
  5. Core architecture
  6. Material and layout
  7. Animation
  8. Highlighter rules
  9. No redundant narration
  10. First-pass rejection gate
  11. QA and delivery

Files

  • SKILL.mdcore5,339 bytes
  • SKILL.mdcore5,339 bytes
  • SKILL.mdcore5,339 bytes
  • SKILL.mdcore5,339 bytes
  • SKILL.mdcore5,339 bytes
  • assets/examples/article-highlight.mp4asset1,970,589 bytes
Read SKILL.md

# Article Highlights

Use with `remotion-best-practices`, `motion-graphics`, and `cinematic-camera` for news, release, trend, and article-proof moments where a terminal would feel forced.

## Mandatory intake

Before coding, ask for any missing decision:

> Which format do you want: 4:3 half-screen Instagram insert or 9:16 full-screen Instagram? And which background: warm light, clean dark, light grid, or dark grid?

- 4:3 insert: 1440×1080, designed to remain readable at roughly half of a 9:16 frame.
- 9:16 full-screen: 1080×1920, respecting caption/interface zones.
- Use 16:9 only when explicitly requested.
- If the user delegates the background, use warm light.
View the complete source on GitHub

Skills included

  • article-highlights
  • cinematic-camera
  • motion-graphics
  • terminal-inserts

Repository facts

License
MIT
Created
Jul 23, 2026
Last pushed
Jul 24, 2026
Forks
16
Open issues
0
Project activity
Slowing

Before you install

Local scripts

Automated signals, not a guarantee

Checked Nov 4, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 14 notes
  • skills/article-highlights/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/article-highlights/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/article-highlights/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/article-highlights/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/cinematic-camera/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/motion-graphics/scripts/promptible-gate.mjs:41 Analysis incomplete: physical or joined line exceeds character limit
Show all 26 signals by file

skills/article-highlights/SKILL.md

  • Network accessline 31
    Inspect `assets/examples/article-highlight.mp4` and contact/reference frames before coding. Continue its editorial hierarchy, generous paper spacing, restrained marker treatment, slow camera, and legibility. Use the canonical repository gal

skills/cinematic-camera/SKILL.md

  • Network accessline 35
    Canonical gallery: `https://github.com/Liamrjohnston/remotion-motion-graphics-skill`

skills/motion-graphics/SKILL.md

  • Network accessline 61
    node <skill-dir>/scripts/promptible-gate.mjs research    --project .    --research-mode authentic    --visual-mode product-ui    --product "Slack"    --reference kickbacks-same-run-editor    --brief .promptible/research-brief.md    --source
  • Network accessline 66
    --reference kickbacks-same-run-editor \   --brief .promptible/research-brief.md \   --source https://slack.com/ \
  • Network accessline 67
    --brief .promptible/research-brief.md \   --source https://slack.com/ \   --logo public/research/slack.svg \
  • Network accessline 68
    --source https://slack.com/ \

skills/motion-graphics/assets/logos/claude-mark.svg

  • Network accessline 1
    <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><g fill="#17110F"><path d="M246 16h38l22 22 70 165-10 27h-42L226 48l8-22 12-10Z"/><path d="M394 62l36 17 15 30-35 185-22 18-39-15 21-202 24-3

skills/motion-graphics/assets/logos/cursor.svg

  • Network accessline 1
    <svg fill="#000000" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Cursor</title><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .

skills/motion-graphics/assets/logos/deepseek.svg

  • Network accessline 1
    <svg fill="#5786FE" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>DeepSeek</title><path d="M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.

skills/motion-graphics/assets/logos/github.svg

  • Network accessline 1
    <svg fill="#181717" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.0

skills/motion-graphics/assets/logos/google-gemini.svg

  • Network accessline 1
    <svg fill="#8E75B2" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Google Gemini</title><path d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0

skills/motion-graphics/assets/logos/linear.svg

  • Network accessline 1
    <svg fill="#5E6AD2" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Linear</title><path d="M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.

skills/motion-graphics/assets/logos/notion.svg

  • Network accessline 1
    <svg fill="#000000" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Notion</title><path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01

skills/motion-graphics/assets/logos/playwright.svg

  • Network accessline 1
    <svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">

skills/motion-graphics/references/logo-library.md

  • Network accessline 5
    - `assets/logos/claude-mark.svg` — user-approved Promptible production asset; monochrome Claude/Anthropic mark. - `assets/logos/deepseek.svg` — Simple Icons curated vector, source `https://cdn.simpleicons.org/deepseek`.
  • Network accessline 6
    - `assets/logos/deepseek.svg` — Simple Icons curated vector, source `https://cdn.simpleicons.org/deepseek`.
  • Network accessline 7
    - `assets/logos/google-gemini.svg` — Simple Icons curated vector, source `https://cdn.simpleicons.org/googlegemini`.
  • Network accessline 8
    - `assets/logos/github.svg` — Simple Icons curated vector, source `https://cdn.simpleicons.org/github`.
  • Network accessline 9
    - `assets/logos/notion.svg` — Simple Icons curated vector, source `https://cdn.simpleicons.org/notion`.
  • Network accessline 10
    - `assets/logos/linear.svg` — Simple Icons curated vector, source `https://cdn.simpleicons.org/linear`.
  • Network accessline 11
    - `assets/logos/cursor.svg` — Simple Icons curated vector, source `https://cdn.simpleicons.org/cursor`.

skills/motion-graphics/scripts/promptible-gate.mjs

  • Executable scriptline 1
    #!/usr/bin/env node
  • Possible obfuscationline 36
    function research(args){const p=pathsFor(args.project);const researchMode=required(args,'research-mode');const visualMode=required(args,'visual-mode');const product=required(args,'product',2);const referenceId=required(args,'reference');if(
  • Possible obfuscationline 39
    function init(args){const p=pathsFor(args.project);const researchRecord=loadResearch(p,required(args,'research'));const format=required(args,'format');const background=required(args,'background');const claimSource=required(args,'claim-sourc
  • Possible obfuscationline 42
    function candidate(args){const p=pathsFor(args.project);const manifest=readJson(p.manifest,'render manifest');if(!['BUILD_AUTHORIZED','AWAITING_CRITIC','QA_REJECTED'].includes(manifest.status))die(`candidate blocked from status ${manifest.s
  • Possible obfuscationline 43
    function qa(args){const p=pathsFor(args.project);const manifest=readJson(p.manifest,'render manifest');if(!['AWAITING_CRITIC','QA_REJECTED'].includes(manifest.status))die(`QA blocked from status ${manifest.status}`);verifyResearchFromManife

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 18 facts

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md skills/article-highlights/SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md skills/article-highlights/SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md skills/article-highlights/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/article-highlights/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/article-highlights/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/article-highlights/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

mattpocock/skills

Skills for Real Engineers. Straight from my .agents directory.

316.1kGitHub stars

obra/superpowers

An agentic skills framework & software development methodology that works.

313.3kGitHub stars

NousResearch/hermes-agent

The agent that grows with you

261kGitHub stars

multica-ai/andrej-karpathy-skills

Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions,…

230.1kGitHub stars

anthropics/skills

Public repository for Agent Skills

188kGitHub stars

DietrichGebert/ponytail

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

185.6kGitHub stars