Skip to main content
skill CX Codex

brand-intake · charlie947 — Claude Code skill: brand.md and MOTION.md setup

A setup skill that interviews you and reads 3 to 5 reference frames, then writes brand.md and MOTION.md — the files every other skill in the pack pulls colours, type and timing from.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add charlie947/motion-graphics-skills --skill brand-intake -a claude-code
Open on GitHub

What brand-intake does

Run it once per brand. The skill opens with four questions: the brand name and what you do, who is watching, what you promote with a real link, and which feelings should land in the first second. Then a second batch: hex codes, font names and logo files, 3 to 5 reference frames dropped into a folder called examples, and one thing your motion must never do. A blank answer gets asked once more, then the skill moves on. It does not fill gaps with guesses.

Two files land in the project root. brand.md stays under 300 words and covers name, audience, offer, feeling, assets and bans. MOTION.md is written from the frames: every colour with its job, fonts and type sizes, how things enter and leave, frame rate and easing, texture, five named bans, and one example described shot by shot. Where a frame does not tell enough, the file says ASK ME instead of inventing a value. Hex codes you typed in brand.md beat colours sampled from a frame — a colour read off a JPEG drifts a few points, so check that if you already have a brand guide.

The last step adds a block to CLAUDE.md telling the agent to read MOTION.md in full before designing or animating anything. The line about the file setting the look and not the ambition is load-bearing: without it the first generation comes out far too polite. Until both files exist, no other skill in the pack may call its result on-brand.

What it helps with

  • turn a short interview into a project brand guide
  • convert reference frames into motion rules
  • lock colours and fonts before animation starts
  • stop the agent from picking its own palette
  • spell out timing and easing for any AI to read

Example prompts for the agent

  • run brand intake for my brand
  • build my motion design system from the frames in examples
  • write my MOTION.md and add the read-first rule to CLAUDE.md

How to install brand-intake

1Skills CLI (Vercel)

npx skills add charlie947/motion-graphics-skills --skill brand-intake -a claude-code

2Manually: put the files in place

~/.claude/skills/brand-intake/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/brand-intake/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about brand-intake

How do I install brand-intake in Claude?

Run npx skills add charlie947/motion-graphics-skills --skill brand-intake -a claude-code. The skill lands at ~/.claude/skills/brand-intake/SKILL.md.

What does brand-intake do?

It runs a two-batch interview, reads 3 to 5 reference frames, writes brand.md and MOTION.md into the project root, and adds a rule to CLAUDE.md so the agent reads MOTION.md before animating.

What should I have ready before running it?

Hex codes, font names, logo files and 3 to 5 frames in an examples folder. If you have no hex codes, the skill can sample them from your site when you give the link.

Source text

SKILL.md · MIT
---
name: brand-intake
description: The setup step every other skill in this pack reads. A short interview plus 3 to 5 reference frames becomes two files in your project, brand.md (who you are, what you sell, your assets) and MOTION.md (your colours, type, timing and motion rules), plus a rule in CLAUDE.md so Claude reads them before it animates anything. Use at the start of any motion project, or when someone says "set up my brand", "brand intake", "build my motion design system", "make it look like my brand", "onboard me", "write my MOTION.md" or drops a batch of brand frames into chat.
---

# Brand intake

Every other skill in this pack reads the two files this one writes. Without them, Claude picks its own colours, its own type and its own idea of motion. Run this once per brand.

## Start straight away

When someone asks for this, your first message is the Batch 1 questions. No summary of the skill, no preamble.

## Step 1: The interview, in two batches

**Batch 1.** Ask these four together, then wait:
1. What is the brand called, and what do you do, in one line?
2. Who is it for? One sentence on the person watching.
3. What do you sell or promote in your videos? The offer, the product or the newsletter, with its real link.
4. What should people feel in the first second? Pick up to three: calm, premium, playful, urgent, technical, warm, bold.

**Batch 2.** Then ask these three, and wait:
5. Your colours as hex codes, your font names, and your logo files (SVG or PNG, attached). No hex codes? Say "sample them from my site" and give the link.
6. 3 to 5 reference frames: screenshots of motion you already like, from Dribbble, Pinterest or your own work. Put them in a folder called `examples`.
7. One thing your motion must never do.

If an answer is blank, ask for it once more, then move on. Never fill a gap with a guess.

## Step 2: Write brand.md

Save it in the project root, under 300 words:

```
# Brand

## Name and what we do
## Audience
## What we promote (with the real link)
## The feeling
## Assets
Colours (hex, typed by me or sampled from a named source), fonts, logo file names
## Never
```

## Step 3: Write MOTION.md from the frames

Read every frame in `examples`, then write MOTION.md with this brief to yourself:

```
Write one file called MOTION.md that any AI can read before it animates anything for me. It must cover:

1. Every colour as a hex code, and what each one is for
2. The fonts and the type sizes
3. Timing: how things come in, how long they hold, and how they leave
4. How things move: the frame rate, the easing, and anything that makes it feel handmade
5. Texture and finish
6. Five things my motion must never do, named plainly
7. One example, described shot by shot, of it done right

Work only from what is in the frames. Where you cannot tell, write ASK ME rather than guessing.
```

Show the user the file before you save it. Colours in brand.md win over colours sampled from a frame.

## Step 4: Add the read-first rule to CLAUDE.md

Create CLAUDE.md if it does not exist, and add this block word for word:

```
Before designing, generating or animating anything, read MOTION.md in full.

Every colour, font, timing and motion value comes from that file.

The file sets the look, not the ambition. When I say go all out, go all out.

If something I ask for is not covered there, ask me rather than choosing for yourself.

When you have finished, check your own frames against MOTION.md, fix what fails, and only then show me.
```

## What I learned the hard way

- **Mixed frames give mixed looks.** My five frames held four different looks. The file named all four and asked which to use. Pick one master look, or name which look goes with which job.
- **The ambition line is not optional.** Without "the file sets the look, not the ambition", my first try with the file came out far too polite.
- **ASK ME is a feature.** With the file in place, the one-line prompt stopped and asked a question before building. That is the file working.
- **Sampled hex codes drift.** A colour read off a JPEG is a few points out. Use the hex codes you typed wherever they exist.

## Step 5: Prove it (optional, two minutes)

Run the same one-line prompt twice, once in an empty folder and once in this project: "Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are. Go all out." Put the two side by side. Both should go all out. Only one should look like yours.

## Hand off

Tell the user brand.md, MOTION.md and the CLAUDE.md rule are in place, then list what to try next: `launch-video`, `vox-explainer`, `animated-chart`, `milestone-reveal`. Until both files exist, no other skill may call its result on-brand.

© charlie947 · MIT · charlie947/motion-graphics-skills

Similar skills

Everything for Design →

brand-intake by other authors comes first.

From the same set13

milestone-reveal Builds a 12-second looping clip where thousands of points drift, then pull together into your actual follower, revenue or customer count. CX Codex +1 1,400installs loop-cover Converts newsletter and blog covers into looping 896x640 GIFs across 180 frames. It animates a single chosen detail while keeping the loop jump-free. CX Codex +1 1,400installs apple-launch-film Builds an Apple-style Mac launch film entirely in code: menu bar, notch, widgets and gradient wallpapers. Useful when you need a launch video without screen recording or After Effects. CX Codex +1 1,500installs title-sequence-3d Creates cinematic 3D title sequences in code using Three.js and Claude Code. Best for scroll-stopping video intros, social hooks, or newsletter openers. CX Codex +1 1,500installs motion-brief-writer Turns a rough idea for an animated graphic into a precise build prompt for Claude. Asks for what's missing and never invents a number. CX Codex +1 1,500installs launch-video Builds 30-45 second product launch promo videos as self-contained HTML files with deterministic frame seeking for MP4 export. Useful for SaaS launches and course announcements. CX Codex +1 1,500installs reel-export Turns horizontal or square footage into a 1080 x 1920 vertical file for Reels and TikTok that uploads without washed-out colour. CX Codex +1 1,500installs reference-to-motion Turns reference videos and style boards into a scene-by-scene Claude Motion prompt for your brand. Use it when you need to recreate the rhythm of an ad with your own text. CX Codex +1 917installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor