mcpField
C
creative-brief-selector

creative-brief-selector

github.com/rampstackco设计与 UI1.0k219 次安装1 周前更新
代码仓库

关于 creative-brief-selector

为品牌和微型网站项目选择有依据且彼此区分的创意简报。它根据业务规格调整原型,并检查与作品集既有项目的重叠。

主要功能

  1. 01选择并调整设计原型
  2. 02整理精选及发现的参考网站
  3. 03输出色彩、语气与布局规范
  4. 04检查与已发布项目的重叠
  5. 05生成供下游技能使用的简报

适用场景

  1. 01为新微型网站选择设计方向
  2. 02保持作品集项目风格有别
  3. 03依据参考资料比较相近原型

安装

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

$npx skills add https://github.com/rampstackco/claude-skills --skill creative-brief-selector

安装后在 Claude Code 中输入/creative-brief-selector确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

README.md
references/
00-overview.md
01-process.md
02-brief-template.md
03-divergence-check.md
04-shipped-demos-signatures-example.md
05-section-shapes-vocabulary.md
references/reference-bank/
bold-confident-editorial-restrained-aaa-game-studio.md
bold-confident-vibrant-saturated-single-ip-game-title.md
editorial-restrained-documentary-honest-specialty-coffee-subscription.md
editorial-restrained-literary-quarterly.md
heritage-local-service-barbershop.md
hospitality-experience-balloon-ride.md
luxe-considered-curated-stays-directory.md
luxe-considered-editorial-restrained-residential-architectural-brokerage.md
minimal-essentialist-documentary-honest-trades-directory.md
premium-dtc-maker-western-boots.md
README.md
rugged-utilitarian-documentary-honest-regional-used-vehicle-marketplace.md

详细介绍

创意简报选择器

为品牌和微型网站构建提供起点的选择器。输入业务规格(名称、垂直领域、形态、一句话氛围描述,以及可选的已发布演示项目列表),即可生成一份创意简报,基于以下三点:

  1. 从 brand-archetype-system 中选择或组合一种原型定位,并有意与已发布的演示项目形成鲜明差异。
  2. 为该原型与垂直领域组合提供一小组在线参考网站,来源包括精选库以及可选的针对单个项目的发现。
  3. 对照已发布的演示项目进行差异检查,在简报交接前标记配色、语气、结构模式和版块形态的重合。

简报输出的是具体设计标记,而非抽象类别,其中包括明确的版块形态选择(首屏形态和页脚形态),并将其与配色和语气一同作为首要输出。下游构建技能应将其作为项目唯一的创意交付物加载。


适用场景

  • 开始构建任何需要呈现特定审美定位的新品牌或微型网站。
  • 作品集中的第一个项目(尚无既有项目可供比较,但可以预先设定差异检查的结构,供下一个项目使用)。
  • 作品集中的第二个及后续项目,存在产出相似项目的实际风险。
  • 作品集审查发现多个项目相似后:本技能可从系统层面修正这一模式。
  • 在两个相近原型之间选择项目的创意方向,且需要基于参考资料给出选择理由时。

不适用场景

  • 用户只需要纯粹的审美方法指导(使用 creative-direction)。
  • 用户已有确定的原型和完整简报,并希望直接执行(跳转至下游构建技能)。
  • 用户需要 Logo 或完整的品牌形象(使用 logo-design、brand-identity)。
  • 用户想为现有品牌定义语气(使用 brand-voice)。
  • 从零开始定义品牌战略和定位(先使用 brand-ideation,再返回本技能)。

与其他技能的配合方式

本技能位于构建阶段技能的上游,与审美方法层并行:

  • brand-archetype-system(上游输入)。本技能从该原型目录中进行选择。本技能会在最终简报中注明原型,但不会重新定义其默认设定。
  • creative-direction(并行输入)。本技能所用的原型会引用四轴词汇。如果使用者需要完整的轴向简报,请先运行 creative-direction;本技能的简报会使用其输出。
  • brand-identity(下游)。简报获批后,brand-identity 会将其转化为完整的品牌形象系统。
  • landing-page-copy、content-and-copy、art-direction(下游)。所有会产出审美内容的下游技能都会参考本技能的简报。

本技能旨在防止的失败模式,是将某个原型的默认配色原样照搬到新品牌中。简报会根据业务规格中的具体信息调整原型的默认设定。

框架:五个步骤、三条规则、一个混合参考库

  1. 定位设计空间。 从 brand-archetype-system 中选择一到两个符合垂直领域和形态的候选原型。
  2. 执行输入侧差异化检查。 阅读已发布演示的特征签名。剔除会与任何已发布演示形成同类项的候选方案。记录被拒绝的方案及原因。
  3. 提取参考资料。 从 references/reference-bank/ 下的精选参考库中,加载与所选原型和垂直领域匹配的文件。如果参考库内容稀少,则补充一到两个检索到的真实案例。将检索到的参考案例加入构建 PR。
  4. 调整。 根据业务规格调整所选原型的默认设置(配色、字体、语气、布局、图像风格)。最终设计简报应包含具体的设计令牌,而非抽象的类别。
  5. 渲染并验证。 使用 references/02-brief-template.md 中的模板渲染设计简报。执行输出侧差异化检查。输出设计简报、参考资料列表以及差异化检查结果。

完整的分步流程见 references/01-process.md。差异化检查架构及其三条重叠规则见 references/03-divergence-check.md。


混合参考资料模型

一个会随着每次构建不断扩充的精选参考库。references/reference-bank/ 下的每个文件涵盖一种原型与垂直领域的组合,并收录三到六个真实参考案例的 URL;每个案例都附有一行说明其参考价值的文字,以及可选的配色或字体观察。参考库初始提供三个组合,涵盖西部靴制造商、传统理发店和乘气球游览体验。

如果构建时所用组合的参考资料较少,则预期在构建 PR 中将检索到的真实参考案例一并提交至参考库。参考库会随着使用变得更加充实。


差异化检查架构

每个已发布演示都带有一个包含七个字段的特征签名:

  • slug
  • archetype(来自 brand-archetype-system 的规范原型名称)
  • dominant_hue_family(易于识别的色彩系列,例如皮革—骨白—马鞍棕、黎明蓝—珊瑚色、深色亚麻—琥珀色)
  • voice_register(例如,以故事为主的第三人称、营造氛围的第二人称、以适配为先的技术语气)
  • primary_structural_pattern(例如,可购物的网格布局且以产品为主、弧形时间线主视觉、适配选择器后接横向内容区)
  • hero_shape(例如,图文双栏、宽幅照片下方带横幅、全出血图片叠加文字;规范词汇见 references/05-section-shapes-vocabulary.md)
  • footer_shape(例如,单行条带、多栏站点地图、纯文字无链接;同见上述词汇文件)

重叠规则(完整规则集见 references/03-divergence-check.md):

  • 两个演示使用相同原型,且具有相同的 dominant_hue_family => 同类项(阻止)。
  • 两个演示使用相同原型,且具有相同的 voice_register 和 primary_structural_pattern => 同类项(阻止)。
  • 两个演示使用不同原型,但仅 dominant_hue_family 相同 => 警告。
  • 候选方案的 hero_shape 与两个或更多已发布演示的 hero_shape 相同 => 警告。
  • 候选方案的 hero_shape 与三个或更多已发布演示相同,且其中任何演示共享一个原型家族 => 阻止。
  • 候选方案的 footer_shape 与三个或更多已发布演示相同 => 警告。

references/04-shipped-demos-signatures-example.md 中提供了一个包含七个特征签名的示例文件供参考;任何使用此技能的项目,其实际特征签名文件都位于该项目中,而不在此技能内。


商标与归属

Archetype 使用审美风格族来命名,而非品牌,遵循 brand-archetype-system 的惯例。真实参考网站会以示例的形式列出,并采用指示性归属措辞,如“以 [URL] 为例”“具有……的典型特征”“属于……风格范畴”。这属于描述性、指示性的合理使用范畴,即使品牌重塑,也能长期适用。品牌即使改变了自身形象,也不会使它曾经体现的 archetype 失效。


所需数据不可用时

此技能的输出依赖其无法自行生成的数据、测量结果或工具结果。如果所需输入、工具或数据源不可用或无法核实,获准提供的输出是交付内容,并说明缺失情况:需要什么、实际获得或核实了什么,以及输出中哪些部分受到影响。绝不允许为了完成交付内容而捏造、估算或插补所需数字。说明缺失情况即构成完整答复。


参考文件

精选参考库位于 references/ 下的 reference-bank/ 子目录中。该参考库随附一个 README 和三个种子 archetype 与垂直领域文件:premium-dtc-maker-western-boots.md、heritage-local-service-barbershop.md 和 hospitality-experience-balloon-ride.md。参考库的用途和扩展流程记录在其 README 中;每个种子文件都针对所选定位,包含 3 到 4 个正面真实参考和 1 到 2 个负面参考。在流程第 3 步加载与构建项目的 archetype 和垂直领域相匹配的参考库文件。

评论

支持 Markdown