# Apple Launch Film

Rebuild an Apple-style Mac launch film entirely in code with Claude Code.

- Repository: https://github.com/charlie947/motion-graphics-skills (519 stars)
- Category: Design
- License: MIT
- Last updated: 2026-10-11
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -g -a claude-code -y`
Codex: `npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -g -a codex -y`
Cursor: `npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -g -a cursor -y`
Gemini CLI: `npx skills add charlie947/motion-graphics-skills --skill apple-launch-film -g -a gemini-cli -y`

## 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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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-design
```

## Step 1: Ask for five things, then wait

1. **The product name** and its one line, word for word.
2. **The facts list.** Every feature, number and requirement the film may show. Nothing else goes on screen.
3. **The scenes.** 6 to 8, each one feature plus one short caption. Example: "Your voice lives here."
4. **A reference** (optional): a real Mac launch film or frames of one, in a folder called `ref`. It sets the look only.
5. **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]

The rest: https://github.com/charlie947/motion-graphics-skills/blob/HEAD/skills/apple-launch-film/SKILL.md