mcpField
B
brand-intake

brand-intake

github.com/charlie947设计与 UI4561.6k 次安装2 周前更新
代码仓库

关于 brand-intake

brand-intake 是收集品牌与动效设计要求的技能,并为其他技能编写 brand.md 和 MOTION.md。它还会在 CLAUDE.md 中加入优先读取规则,供后续设计工作遵循。

主要功能

  1. 01收集品牌与受众信息
  2. 02整理颜色、字体和徽标文件
  3. 03查看动效参考帧
  4. 04编写 brand.md 和 MOTION.md
  5. 05向 CLAUDE.md 添加优先读取规则

适用场景

  1. 01设计前记录品牌信息
  2. 02将动效参考转化为书面规范
  3. 03为后续技能设定视觉规则

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/charlie947/motion-graphics-skills --skill brand-intake

安装后在 Claude Code 中输入/brand-intake确认已加载。

详细介绍

品牌信息收集

这个工具包中的其他每个技能都会读取此技能写入的两个文件。没有这两个文件,Claude 就会自行选择颜色、字体和动态效果。每个品牌运行一次即可。

立即开始

有人提出此需求时,你的第一条消息就是 Batch 1 的问题。不要总结技能,也不要写开场白。

第 1 步:分两批进行访谈

Batch 1。 一次提出以下四个问题,然后等待:

  1. 品牌叫什么?用一句话介绍你们的业务。
  2. 目标受众是谁?用一句话描述观看视频的人。
  3. 你们在视频中销售或推广什么?提供内容、产品或新闻简报的真实链接。
  4. 你希望人们在第一秒有什么感受?最多选三项:平静、高端、活泼、紧迫、技术感、温暖、大胆。

Batch 2。 然后提出以下三个问题,并等待: 5. 请提供颜色的十六进制代码、字体名称和 Logo 文件(附上 SVG 或 PNG 文件)。没有十六进制代码?请回复“从我的网站取样”,并提供链接。 6. 提供 3 到 5 张参考帧:你喜欢的动态效果截图,可以来自 Dribbble、Pinterest 或自己的作品。请将它们放入名为 examples 的文件夹。 7. 你的动态效果绝对不能做的一件事。

如果某个回答为空,再询问一次,然后继续。绝不要靠猜测填补缺失信息。

第 2 步:编写 brand.md

将其保存到项目根目录,不超过 300 个单词:

# 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

第 3 步:根据参考帧编写 MOTION.md

阅读 examples 中的每一帧,然后按照以下说明为自己编写 MOTION.md:

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.

保存文件前,先向用户展示。brand.md 中的颜色优先于从参考帧中取样的颜色。

第 4 步:将优先读取规则添加到 CLAUDE.md

如果 CLAUDE.md 不存在,则创建该文件,并逐字添加以下代码块:

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.

这些经验都是吃了亏才学到的

  • 混合参考帧会带来混杂风格。 我的五张参考帧呈现了四种不同风格。文件列出了这四种风格,并询问该使用哪一种。选定一种主风格,或者明确说明每种风格分别用于什么场景。
  • 抱负声明不可省略。 如果没有“文件决定风格,而不是抱负”这句话,我第一次使用该文件时,结果就显得过于拘谨。
  • ASK ME 是一项功能。 文件就位后,单行提示词会暂停,并在开始制作前提出问题。这说明文件正在发挥作用。
  • 取样的十六进制代码会有偏差。 从 JPEG 中读取的颜色会有几个单位的误差。只要有手动输入的十六进制代码,就优先使用它们。

第 5 步:验证效果(可选,耗时两分钟)

在空文件夹和本项目中分别运行同一条单行提示词:“制作一段动态的 15 秒动态图形视频,展示你作为杰出动态图形设计师的实力。尽情发挥。”将两段视频并排展示。两段都应该尽情发挥,但只有一段应该看起来像你的作品。

交接

告知用户 brand.md、MOTION.md 和 CLAUDE.md 规则均已就位,然后列出接下来可以尝试的内容:launch-video、vox-explainer、animated-chart、milestone-reveal。这两个文件都存在之前,其他任何技能都不得将其结果称为符合品牌风格。

评论

支持 Markdown