mcpField
C
creative-brief

creative-brief

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

关于 creative-brief

面向设计、开发和项目团队的创意简报技能,将模糊的项目想法整理为可执行的设计与制作说明。它覆盖受众、目标、视觉方向、范围、约束和审批,并在信息不足时先提出针对性问题。

主要功能

  1. 01整理项目目标与受众
  2. 02明确语气和视觉方向
  3. 03界定范围、交付物与约束
  4. 04梳理成功指标和审批流程
  5. 05针对信息缺口进行提问

适用场景

  1. 01启动网站、应用或品牌项目
  2. 02为改版或品牌重塑做准备
  3. 03向设计师或开发者交接需求
  4. 04将初步想法转为可执行方案

安装

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

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

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

包含的文件

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

README.md
references/
creative-brief-template.md
example-brief.md
voice-and-tone-guide.md

详细介绍

创意简报

连接探索与执行。将“我们想要一个网站”转化为设计师、开发者或 AI Agent 能够据此开展工作的简报。


适用场景

  • 启动新项目(网站、应用、品牌、营销活动)
  • 启动重新设计或品牌重塑
  • 将工作交给设计师、开发者或 AI Agent
  • 让偏离方向的团队重新达成一致
  • 将模糊的想法转化为可落地的方案

不适用场景

  • 用户提出的是一次性的设计问题(使用 design-standards)
  • 用户需要 PRD 或开发任务单(使用 pm-spec-writing)
  • 用户正在进行初步研究,还没决定要做什么(先使用 brand-discovery)
  • 用户只想让你撰写文案(使用 content-and-copy)
  • 用户已经确定范围和约束,具体需要更深入的审美指导(使用 creative-direction,获取结构化的审美维度)

必要输入

一份简报需要回答十个问题。撰写前,请确认你已获得(或能够引导对方提供)以下问题的答案:

  1. 这个项目是什么?
  2. 项目为何存在?它要解决什么问题?
  3. 受众是谁?
  4. 你希望他们做什么、感受什么或了解什么?
  5. 项目的个性是什么?它听起来是什么感觉?
  6. 视觉方向是什么?它看起来是什么样?
  7. 范围包括什么?不包括什么?
  8. 有哪些约束(时间、预算、技术、品牌)?
  9. 怎样才算成功?
  10. 谁负责审批?

如果你掌握的信息少于五项,先进行一次快速需求访谈。请参阅下文的“引导补充缺失信息”。


框架:简报结构

输出一份包含以下十个部分的 Markdown 简报。每个部分都要简洁。一份好的简报应为两页,而不是十页。

1. 概览

用一段话回答:做什么、面向谁、为什么做、何时进行。这应该是你能在项目启动会上用三十秒说清的内容。

2. 受众

先写主要受众。说明他们是谁、想做什么、目前被什么阻碍,以及如何触达他们。只有在次要受众会实质性影响工作时,才将其列入。

3. 目标

说明怎样才算成功。每个目标都要配一个可衡量的指标。

目标:提升试用注册量。 指标:上线后 30 天内,从首页到注册的转化率达到 3%。

4. 核心信息

你希望访客离开时记住的那一件事。如果他们只看了首页首屏就离开,你希望他们记住什么?用一句话概括。

5. 语气与风格

选出三到五个形容词。为每个形容词补充说明项目不是什么样(例如:“自信,但不傲慢”)。框架和实例请参阅 references/voice-and-tone-guide.md。

6. 视觉方向

说明氛围、配色、字体和图像方向。提供三到五个参考 URL,胜过写 500 字。指出你喜欢什么,也指出你不接受什么。

7. 范围与交付物

用项目符号列出要制作的内容。描述要具体。“首页”不是交付物;“包含首屏、三个功能模块、推荐语轮播和联系行动号召的首页”才是。

8. 约束

时间。预算。技术(现有技术栈、必需的集成、托管)。品牌(必须使用的 Logo、颜色、字体)。法律(合规要求、无障碍级别)。

9. 灵感来源与竞争对手

列出三到五个你希望与之相似的网站或品牌,以及三到五个你希望与之有所区别的对象。分别说明原因。

10. 审批

谁负责签字确认。以什么材料作为签字确认的依据(Figma 文件、预发布 URL、PDF)。如果截止日期前未获签字确认,该如何处理。

梳理缺失信息

如果用户只提供了不完整的答案(例如:“我想为我的咖啡店做一个网站”),不要只写一份泛泛的简报。要提问。可以使用以下提示。

关于受众

  • 最有可能访问这个网站的具体对象是谁?请带我了解一下他们的一天。
  • 如果你可以选择一种客户类型来填满收件箱,你会选谁?
  • 你不希望吸引哪些人?

关于目标

  • 假设上线已经六个月了。什么数字能说明它奏效了?
  • 你最希望访客采取的一个行动是什么?

关于风格

  • 说出三个你希望借鉴其语气的品牌或人物。
  • 如果你的网站是晚宴上的一个人,听起来会是什么样?

关于视觉

  • 给我看看三个你喜欢的网站。你喜欢它们的哪些地方?
  • 给我看看一个你讨厌的网站。为什么?

关于范围

  • 如果只能做一个页面,你会选哪个?
  • 如果预算减半,你会删掉什么?

不要把这些问题全都问一遍。只挑能填补实际信息空缺的问题。


工作流

  1. 阅读对话。 提取用户已经提供的所有事实。不要询问上下文中已有答案的问题。
  2. 找出空缺。 十项必需输入中,哪些缺失或不够具体?
  3. 收集信息。 提出三到五个有针对性的问题来补齐空缺。将相关问题归在一起,让对话保持简洁。
  4. 起草简报。 使用 references/creative-brief-template.md 作为结构。全文控制在 1500 词以内。
  5. 压力测试。 交付前,依据下方的失败模式检查简报。如果符合其中任何一项,请先修改,再给用户查看。
  6. 交付。 将文件保存为项目根目录下的 creative-brief.md。如果用户想与利益相关者分享,可提出将其制作成 Word 文档或 PDF。
  7. 为更深入的美学探索做好交接(可选)。 如果项目的第 5 部分(风格与语气)和第 6 部分(视觉方向)需要比本简报所能提供的更深入的分析,接下来运行 creative-direction。它会基于四个方向轴(语气层级、美学理念、受众关系、感官追求)生成结构化的美学简报,供内容、文案和艺术指导技能直接使用。

失败模式

当用户的输入符合以下某种模式时,先提出质疑,再开始撰写。

  • “我们想成为[巨头品牌]在[我们所在细分领域]的代表。” 询问他们具体想借鉴该品牌的哪些方面。可能只是一两点,而非全部。
  • 受众是“18 至 65 岁的男性和女性”。 这不算受众定义。请用户说出价值最高的一类客户,并从这里开始。
  • 只有“提升知名度”,没有衡量指标。 提升什么的知名度?面向谁?如何衡量?推动用户给出具体数字。
  • “现代、简洁、极简。” 这些词没有明确含义。请用户提供三个他们认为视觉效果合适的网址。
  • 有二十页背景信息,却没有明确诉求。 询问:“如果设计师只读一段话,那段话应该是什么?”然后将其作为概要。

输出格式

默认输出为项目根目录下的 Markdown 文件 creative-brief.md。结构须严格遵循模板。

如果项目规模较大,请拆分内容:主简报控制在 1500 词以内,详细信息放在链接附录中(audience-research.md、brand-guidelines.md 等)。试图面面俱到的简报,最终往往无人阅读。


参考文件

起草前先阅读模板。如果用户尚未指定风格,请阅读语气指南。如果不确定某一部分应写得多详细,请阅读示例。

评论

支持 Markdown