After Effects
aedev-tools/adobe-agent-skills
Automate Adobe After Effects via ExtendScript. An agent skill from aedev-tools/adobe-agent-skills.
Rebuild an Apple-style Mac launch film entirely in code with Claude Code.
Install Apple Launch Film
$ npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install charlie947/motion-graphics-skills apple-launch-film --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/charlie947/motion-graphics-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/apple-launch-film .claude/skills/apple-launch-film && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "apple-launch-film" agent skill from https://github.com/charlie947/motion-graphics-skills/tree/main/skills/apple-launch-film into .claude/skills/apple-launch-film/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apple-launch-film", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/charlie947/motion-graphics-skills/tree/main/skills/apple-launch-filmType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install charlie947/motion-graphics-skills apple-launch-film --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/charlie947/motion-graphics-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/apple-launch-film .agents/skills/apple-launch-film && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "apple-launch-film" agent skill from https://github.com/charlie947/motion-graphics-skills/tree/main/skills/apple-launch-film into .agents/skills/apple-launch-film/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apple-launch-film", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install charlie947/motion-graphics-skills apple-launch-film --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/charlie947/motion-graphics-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/apple-launch-film .cursor/skills/apple-launch-film && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "apple-launch-film" agent skill from https://github.com/charlie947/motion-graphics-skills/tree/main/skills/apple-launch-film into .cursor/skills/apple-launch-film/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apple-launch-film", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/charlie947/motion-graphics-skills.git --path skills/apple-launch-film--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install charlie947/motion-graphics-skills apple-launch-film --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/charlie947/motion-graphics-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/apple-launch-film .gemini/skills/apple-launch-film && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "apple-launch-film" agent skill from https://github.com/charlie947/motion-graphics-skills/tree/main/skills/apple-launch-film into .gemini/skills/apple-launch-film/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apple-launch-film", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install charlie947/motion-graphics-skills apple-launch-filmInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/charlie947/motion-graphics-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/apple-launch-film .github/skills/apple-launch-film && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "apple-launch-film" agent skill from https://github.com/charlie947/motion-graphics-skills/tree/main/skills/apple-launch-film into .github/skills/apple-launch-film/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apple-launch-film", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install charlie947/motion-graphics-skills apple-launch-film --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/charlie947/motion-graphics-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/apple-launch-film .opencode/skills/apple-launch-film && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "apple-launch-film" agent skill from https://github.com/charlie947/motion-graphics-skills/tree/main/skills/apple-launch-film into .opencode/skills/apple-launch-film/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apple-launch-film", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
apple-launch-film- GitHub stars
- 180
- Token cost
- ~1.1k tokens
- SKILL.md length
- 415 words
- Files
- 1
- Repo updated
- First seen
- Licence
- MIT
At a glance
Rebuild an Apple-style Mac launch film entirely in code with Claude Code.
- Works in 3 steps: Ask for five things, then wait → Build brief (paste into Claude Code) → Check and export
- Someone says Apple-style launch
- SKILL.md covers Step 1: Ask for five things,…, Step 2: Build brief (paste…, What I learned the hard way and Step 3: Check and export
- Calls npx
What it does
Apple Launch Film is an agent skill from charlie947/motion-graphics-skills. Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into widgets one scene at a time, full-screen gradient wallpapers and one short caption per scene. No screen recording, no After Effects. Use when someone says "Apple-style launch", "Mac launch video", "notch animation", "make it look like an Apple keynote", "macOS UI launch film" or wants a product launch that looks like native Mac interface.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative, covering Motion graphics and Product launch strategy. It works with macOS. The repository describes itself as: 13 Claude Code skills for launch-grade motion graphics. Every frame is code. No After Effects, no video generator. The licence is MIT.
When your agent uses it
- Someone says Apple-style launch
- Mac launch video
- Notch animation
- Make it look like an Apple keynote
Example prompts
- “Apple-style launch”
- “Mac launch video”
- “notch animation”
- “/apple-launch-film”
Requirements
- Node.js
Workflow steps
3 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit dfc4284. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Apple Launch Film loads about 1.1k tokens when it runs. Until then it costs about 120 tokens; SKILL.md has 415 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from charlie947/motion-graphics-skills at commit dfc4284, republished under its MIT licence (© charlie947). 415 words, ~1,081 tokens.
Download SKILL.mdSave it as
.claude/skills/apple-launch-film/SKILL.md (or your agent's skills folder).- name
- apple-launch-film
- description
- Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into widgets one scene at a time, full-screen gradient wallpapers and one short caption per scene. No screen recording, no After Effects. Use when someone says "Apple-style launch", "Mac launch video", "notch animation", "make it look like an Apple keynote", "macOS UI launch film" or wants a product launch that looks like native Mac interface.
Apple-style launch film, built in code
Every pixel of the Mac is drawn in code: the menu bar, the notch, the widgets and the wallpapers. One HTML file with window.seek(seconds), exported to MP4.
Before you start: read brand.md and MOTION.md if they exist. If not, run brand-intake first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.
Pairs with a free skill (not mine) that turns Apple's design guidelines into rules Claude follows. Install it once:
npx skills add emilkowalski/skills --skill apple-designStep 1: Ask for five things, then wait
- The product name and its one line, word for word.
- The facts list. Every feature, number and requirement the film may show. Nothing else goes on screen.
- The scenes. 6 to 8, each one feature plus one short caption. Example: "Your voice lives here."
- A reference (optional): a real Mac launch film or frames of one, in a folder called
ref. It sets the look only. - Size and length. Default 1920 x 1080, 30fps, about 2.5 seconds a scene.
Step 2: Build brief (paste into Claude Code)
Use the apple-design skill. [If ref/ exists: Match the LOOK of the reference in ref/. Read every frame first. Do not copy its words or its product name.]
It is a launch film for [PRODUCT]: the black MacBook notch at the top centre grows into Apple-style widgets, one scene at a time. Each scene has its own full-screen colour-gradient wallpaper and one centred caption below the notch, with the last word or two tinted a lighter shade of the wallpaper colour. It opens with the notch expanded and the word "hello" handwritten in a white script line, like the Mac hello screen.
Use only these facts, and add no others:
[FACTS LIST]
Scenes, about 2.5 seconds each:
[1. Notch expanded on black, "hello" handwritten.]
[2..n. Wallpaper colour, what the notch opens into, the caption.]
[Last. Black: the notch closes to its resting shape. Caption: PRODUCT and its one line.]
Size [WIDTH] x [HEIGHT], 30fps. The frame is a Mac screen: a thin macOS menu bar across the top with the notch in the middle of it. System fonts (-apple-system, Helvetica Neue fallback).
Build it as one self-contained HTML file with window.seek(seconds) that draws any exact frame. Capture one frame from each scene [and compare it side by side with the matching reference frame]. Fix what differs, and check the motion against the apple-design skill.What I learned the hard way
- Name the notch in words. Given the same brief, one model drew a whole laptop instead. "The notch at the top centre of the screen" is the anchor.
- Springs, not tweens. The notch looks right when width and height spring on their own curves, open soft and close without overshoot.
- Work motion out from the start of the film. If the notch reopens before it has finished closing, it carries on from where it is. A per-scene tween jumps.
- Compare against the reference, scene by scene. Side-by-side frames caught a "hello" that sat off-centre and too big, a chunky progress bar that should be thin ticks, and a prompt jammed into the menu bar.
- Keep the menu bar short. A full menu of words gets cut in half by wide widgets. Five items is plenty.
- Widgets add no claims. Placeholder text is grey lines. Any UI word the facts list did not give you (button labels, a clock time) gets listed back for approval.
Show full SKILL.md (60 more words)Show less
Step 3: Check and export
Would a stranger believe it is a real Mac for the first second? Is every word on screen from the facts list? Add a reduced-motion setting that swaps springs for quick fades.
Export with HyperFrames (free, open source): npx skills add heygen-com/hyperframes, then npx hyperframes render. For a vertical cut, hand the MP4 to reel-export.
© charlie947, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/apple-launch-film of charlie947/motion-graphics-skills.
Open the folder on GitHubat commit dfc4284
Compare with similar skills
Apple Launch Film next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Apple Launch Film this skillcharlie947/motion-graphics-skills | 180 | — | ~1.1k | Automated safety check: Pass | MIT | |
| After Effectsaedev-tools/adobe-agent-skills | 108 | 1 repos | ~5.2k | Automated safety check: Pass | Apache-2.0 | |
| Oversized Cursor Motion Techniqueheygen-com/hyperframes | 60k | 1 repos | ~1.6k | Automated safety check: Pass | Apache-2.0 | |
| Hyperframes Product Launch VideoVarnan-Tech/opendirectory | 674 | — | ~1k | Automated safety check: Pass | MIT | |
| Website To Videoaiskillstore/marketplace | 433 | — | ~2.9k | Automated safety check: Notes | None | |
| Gathered Scenes Live Photo FlowZeejay0/gathered-scenes-zine-skill | 5.4k | — | ~1.5k | Automated safety check: Pass | Custom licence |
Similar skills
Oversized Cursor Motion Technique
heygen-com/hyperframes
Applies a house style for an animated, oversized pointer in launch videos that enters the frame, clicks to trigger the next beat, and exits.
Hyperframes Product Launch Video
Varnan-Tech/opendirectory
Elite agent skill for creating premium "Product Launch Videos" using Hyperframes.
Website To Video
aiskillstore/marketplace
Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand assets.
Gathered Scenes Live Photo Flow
Zeejay0/gathered-scenes-zine-skill
Turns one photograph into a finished poster, then animates a flat paper tear into an Apple Live Photo ZIP and can hand it to a local importer.
JianYing Editor Automation
luoluoluo22/jianying-editor-skill
Automates JianYing Pro video editing through a Python wrapper, JyWrapper, covering drafts, media import, subtitles, screen recording, voiceover and export.
More from charlie947/motion-graphics-skills
All 9 skills in this repoMotion Effects
charlie947/motion-graphics-skills
Build any of 16 premium motion effects from scratch in your own brand, as one 8-second looping HTML file with window.seek(seconds) so it exports frame-exact to MP4 or GIF.
Animated Chart
charlie947/motion-graphics-skills
Make a looping animated chart for LinkedIn or a newsletter in code with Claude Code.
Launch Video
charlie947/motion-graphics-skills
Make a 30-45 second product launch video in code with Claude Code, the kind SaaS companies post on launch day.
Loop Cover
charlie947/motion-graphics-skills
Turn a newsletter or blog cover into a seamless looping GIF at 896 x 640, 180 frames at 20fps.
Milestone Reveal
charlie947/motion-graphics-skills
Make a 12-second looping milestone clip in code with Claude Code.
Model Showdown
charlie947/motion-graphics-skills
Give the same motion brief to three AI models, keep each first try, render all three the same way and stack them into one comparison video with model names and logos.
Related
Works with
Categories
Questions about Apple Launch Film
What does Apple Launch Film do?
Rebuild an Apple-style Mac launch film entirely in code with Claude Code. Apple Launch Film is an agent skill from charlie947/motion-graphics-skills. Rebuild an Apple-style Mac launch film entirely in code with Claude Code.
When should I use Apple Launch Film?
Apple Launch Film fits situations like: someone says Apple-style launch; mac launch video; notch animation; make it look like an Apple keynote.
How do I install Apple Launch Film in Claude Code?
Run `npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a claude-code`. Or copy the skill folder (skills/apple-launch-film in charlie947/motion-graphics-skills) into .claude/skills/apple-launch-film in your project. Claude Code loads it when a task matches its description.
How do I install Apple Launch Film in Codex?
Run `npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a codex`. Or copy the skill folder (skills/apple-launch-film in charlie947/motion-graphics-skills) into .agents/skills/apple-launch-film in your project. Codex loads it when a task matches its description.
Can I use Apple Launch Film in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/apple-launch-film, .gemini/skills/apple-launch-film, .github/skills/apple-launch-film and .opencode/skills/apple-launch-film in your project.
What does Apple Launch Film need to run?
Going by SKILL.md and its folder, Apple Launch Film needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
Does Apple Launch Film access the network?
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Apple Launch Film safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Apple Launch Film use?
Apple Launch Film is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Apple Launch Film use?
About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Apple Launch Film?
Skills that share tags, products or a category with Apple Launch Film: After Effects (aedev-tools/adobe-agent-skills, 108 stars), Oversized Cursor Motion Technique (heygen-com/hyperframes, 60k stars), Hyperframes Product Launch Video (Varnan-Tech/opendirectory, 674 stars) and Website To Video (aiskillstore/marketplace, 433 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Apple Launch Film?
charlie947 (a GitHub user) maintains it in charlie947/motion-graphics-skills, which has 180 GitHub stars. The repository was last updated on October 10, 2026.
Source: charlie947/motion-graphics-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.