brand-intake · charlie947 — скилл для Claude Code: брендбук и MOTION.md
Скилл проводит короткое интервью и разбирает 3–5 референсов, чтобы собрать brand.md и MOTION.md — файлы, из которых остальные скиллы пака берут цвета, шрифты и тайминги.
npx skills add charlie947/motion-graphics-skills --skill brand-intake -a claude-codeЧто делает brand-intake
Запускается один раз на бренд. Сначала скилл задаёт четыре вопроса: как называется бренд и чем занимается, для кого видео, что вы продаёте вместе с реальной ссылкой, какие эмоции должны возникнуть в первую секунду. Потом вторая партия: hex-коды цветов, названия шрифтов и файлы логотипа, 3–5 референсных кадров в папке examples и одно правило о том, чего в движении быть не должно. Если ответ пустой, скилл переспросит один раз и пойдёт дальше — догадки он не подставляет.
Из ответов получаются два файла в корне проекта. brand.md — до 300 слов: имя, аудитория, оффер, ощущение, ассеты и запреты. MOTION.md пишется по кадрам из examples: цвета с назначением каждого, шрифты и размеры, тайминги входа и выхода, частота кадров и easing, текстура, пять запретов и один разобранный по кадрам пример. Где по референсу не понять — в файле остаётся пометка ASK ME. Цвета, набранные руками в brand.md, перебивают те, что сняты с кадра: hex, считанный с JPEG, уезжает на несколько пунктов, так что это повод проверить, если брендбук у вас уже есть.
Последний шаг — блок в CLAUDE.md, который велит читать MOTION.md целиком перед любой анимацией и брать оттуда все значения. Строка про то, что файл задаёт вид, а не амбиции, там не для красоты: без неё первая же генерация выходит слишком вежливой. Пока обоих файлов нет, ни один другой скилл пака не может назвать результат соответствующим бренду.
Какие задачи решает
- собрать брендбук проекта из короткого интервью
- превратить референсные кадры в правила движения
- зафиксировать цвета и шрифты до начала анимации
- запретить агенту выбирать палитру наугад
- описать тайминги и easing так, чтобы их читал любой ИИ
Примеры запросов агенту
- проведи brand intake для моего бренда
- собери мой motion design system по кадрам в examples
- напиши MOTION.md и добавь правило в CLAUDE.md
Как установить brand-intake
1Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill brand-intake -a claude-code2Вручную: положить файлы
~/.claude/skills/brand-intake/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/brand-intake/
1Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill brand-intake -a codex2Вручную: положить файлы
.agents/skills/brand-intake/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill brand-intake -a cursor2Вручную: положить файлы
.cursor/skills/brand-intake/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install charlie947/motion-graphics-skills brand-intake2Вручную: положить файлы
.github/skills/brand-intake/SKILL.md1Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill brand-intake -a gemini-cli2Командой платформы
gemini skills install https://github.com/charlie947/motion-graphics-skills --path skills/brand-intakeВручную: положить файлы
.devin/skills/brand-intake/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill brand-intake -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о brand-intake
Как установить brand-intake в Claude?
Выполните npx skills add charlie947/motion-graphics-skills --skill brand-intake -a claude-code. Скилл окажется в ~/.claude/skills/brand-intake/SKILL.md.
Что делает brand-intake?
Проводит интервью в две партии, читает 3–5 референсных кадров и пишет brand.md и MOTION.md в корень проекта, а в CLAUDE.md добавляет правило читать MOTION.md перед анимацией.
Что нужно подготовить до запуска?
Hex-коды цветов, названия шрифтов, файлы логотипа и 3–5 кадров в папке examples. Если hex-кодов нет, можно попросить скилл снять их с сайта по ссылке.
Исходный текст
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
Похожие скиллы
Всё по теме «Дизайн» →Сначала — brand-intake от других авторов.