Communitygithub.com

rosby17/charte-graphique

构建完整的客户视觉形象,从Logo到可在InDesign中编辑打印的品牌手册,涵盖所有衍生品,基于Roosevelt Mogo方法。

charte-graphique 是什么?

该技能(Skill)旨在根据Roosevelt Mogo方法,为开发者或AI代理用户提供一套完整的品牌视觉识别系统构建工作流。它从Logo(可由ChatGPT提示生成或已有Logo)出发,自动生成包含精确矢量化的Logo、HEX/RGB/CMYK(FOGRA39色彩配置文件)/Pantone色板、字体方案、多格式Logo包(SVG, PDF, EPS, PNG)以及超过30页的A4横向品牌手册(.indd, IDML, 单个高清PDF,可点击目录)。该技能还支持生成名片、信头、信封、展架(Kakemono)、徽章等衍生品,并能将已验证的视觉稿(如卡片、传单)像素级复刻为印刷用PDF。所有输出均由脚本驱动,当客户更改颜色、名称或编号时,只需一条命令即可全盘重做。该技能支持Claude Code、Cursor、Codex等主要AI代理平台,并严格遵循单一事实源(`charte.json`)、可编辑性(InDesign中每个文本均为真实文本且带命名段落样式)和高保真度(像素级复刻已验证视觉稿)等核心原则。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/rosby17/skill-charte-graphique/tree/HEAD

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

品牌手册 (Roosevelt Mogo方法)

从一个Logo(或Logo创意)出发,交付完整的视觉识别系统:一个唯一的品牌文件 (charte.json),所有格式的规范Logo文件,一份可编辑的InDesign品牌手册以及所有 为印刷准备好的衍生品。所有内容均由脚本生成:当客户更改颜色、名称或编号时,只需一条命令即可全部重建。以用户使用的语言回复。

技能目录在加载时指示(“基本目录”):下文称其为$SKILL。 技能Python环境:~/.charte-graphique-venv/bin/python(若缺失,由$SKILL/outils/installer.sh创建)。 前提条件:Adobe InDesign(2020或更新版本)、Google Chrome、poppler (pdftoppm, pdftops)。

开始之前

  1. 阅读JOURNAL.md(之前项目的经验教训)和项目的跟踪记录(如有)。
  2. 找到客户文件夹(例如 <CLIENTS>/<CLIENT>/GRAPHISME/)并在其中创建工作区: python $SKILL/scripts/nouveau_projet.py "<client folder>" --nom "<BRAND>" --nom-complet "…" --secteur "…" → 生成charte-graphique/目录,包含charte.json、BRIEF.md、sources/、logos/、polices/、IMAGES-CHATGPT/、 INDESIGN/、LIVRABLES/、controle/。
  3. 切勿触碰用户已打开的InDesign文档(脚本会无窗口方式打开自己的文件)。

项目流程

  1. 简报:根据消息、文档和客户网站填写BRIEF.md。缺失的内容在品牌手册中保留为“待补充”:从不编造任务、数字或地址。 最多向客户提出3个问题,然后继续推进。(BRIEF-MODELE.md)
  2. Logo
    • 无Logo:通过ChatGPT提示生成4个方向(Logo + 场景图),客户选择,然后进入下一步。Claude本身从不生成图像。(references/logo-de-zero.md)
    • 已验证的Logo图像(ChatGPT、JPG、截图):精确矢量化: python $SKILL/scripts/vectoriser.py sources/logo.png -o logos/principal.svg --recadrer --marge 0.03 --controle controle/vecto.png 然后检查控制图版(原始 | 矢量 | 叠加)。(references/vectorisation.md)
    • 已存在的AI/SVG/PDF格式Logo:直接使用(主SVG为形状源)。
    • 需要在logos/中准备的文件:principal.svg(必需)、horizontal.svg、vertical.svg、 symbole.svg(视Logo而定),并在charte.json → logos.formes中声明。
  3. 颜色:在charte.json中定义名称、角色、HEX值,然后运行python $SKILL/scripts/palette.py <atelier> → 生成RGB、参考CMYK(Coated FOGRA39色彩配置文件,仅写入品牌手册)、色调、对比度。Pantone色号绝不编造(保留为“待确认”)。(references/couleurs.md)
  4. 字体:最多2个系列(标题 + 正文)和一套办公字体。静态字体文件放入polices/目录(scripts/polices.py instancier|copier),注明许可证。(references/typographie.md)
  5. Logo包:python $SKILL/scripts/logos.py <atelier> → LIVRABLES/01-LOGOS/{SVG,PDF,EPS,PNG}/ 包含彩色、负片、白色、黑色、单色等版本(以及供InDesign使用的内部变体)。
  6. 图像:编写IMAGES-CHATGPT/prompt-chatgpt.txt(CONTEXT区块 + 编号列表,文件名对应品牌手册中的IMG:框架),并将整个内容粘贴到回复中,放在代码块内,同时附上需要提供的参考文件和保存目录。(references/images-chatgpt.md)
  7. InDesign:运行python $SKILL/scripts/indesign.py <atelier> declinaisons(对于charte.json中列出的每个衍生品,以及集成它们的品牌手册)或单独模块(charte、carte-visite、entete、enveloppe、kakemono、badge)。输出:.indd + IDML + 高清PDF + 印刷用PDF(无转换的RGB、裁切线)+ PNG预览。字体放入“文档字体”文件夹。(references/indesign.md、references/structure-charte.md、references/declinaisons.md)
  8. 自行审校:运行python $SKILL/scripts/planche.py <atelier> [module]然后检查图版:Logo是否完整、文字是否被裁剪、是否有空白页、是否存在待补充内容。InDesign的报告会提示溢出、缺失字体、预期图像等问题。修正后重新运行(脚本可重复执行)。
  9. 图像到达后:将图像放入IMAGES-CHATGPT/目录,使用预定名称,然后重新运行indesign.py:图像会自动放置到对应的框架中。
  10. 需要复刻的已验证视觉稿(如ChatGPT绘制的卡片、传单等):在印刷用矢量PDF中进行像素级复刻,并通过叠加进行控制。(references/fidelite-apercu.md)
  11. 交付:LIVRABLES/目录整理完毕,命名格式为 <品牌>_<对象>-<变体>.<扩展名>,打包为ZIP压缩包,仅一个高清PDF(自10月24日起不再提供轻型版本),附客户信息和印刷商说明(打样)。(references/livraison.md)
  12. 学习总结:在JOURNAL.md中记录遇到的问题及解决方案(并相应修正技能)。

不可更改的规则

  • 单一事实源:charte.json。修改JSON后重新生成,从不反向操作。
  • 可编辑性优先:每个文本均为InDesign真实文本,带有命名段落样式;色板以“<品牌> <颜色名>”格式命名,使用RGB模式;图层分为“01 — 背景”、“02 — 标志和图像”、“03 — 可编辑文本”。
  • 高保真度:当客户已验证某个图像时,必须原样复刻(像素级测量、描摹、宽度校准的字体),不得“重新诠释”。通过叠加图证明一致性。
  • 官方标志:始终使用Logo包中的文件(绝不使用ChatGPT重新绘制的Logo)。
  • 印刷:3mm出血,3-4mm安全边距,字体嵌入为TrueType/OpenType格式(绝不使用Type 3字体:可变字体需转换为静态实例)。
  • 精确颜色,绝不用CMYK(自11月4日起的规则):色板、混合和PDF保持RGB格式,不进行转换(不使用PDF/X-1a或X-4,不使用Ghostscript转CMYK):因为CMYK曾使经过验证的Marque C蓝色(#005EFB显示为#435DB4)变得暗淡。在交付前,使用pdftoppm渲染每个PDF,并比较其主色与验证稿:误差不超过几个点。品牌手册中的CMYK值仅作为印刷商的参考。
  • 尺寸:名片为85×55mm(科特迪瓦、欧洲通用),除非有特殊要求;品牌手册为A4横向。
  • 签名页面(自11月7日起的规则):品牌个性与语调、保护区域、最小尺寸、Logo在背景上的使用、禁止事项、色板与比例、以及易拉宝(roll-up)——这些内容绝不使用公共模块的样式(所有品牌手册中相同的、被认为“俗气”的设计):而必须为每个客户在INDESIGN/modules/charte.jsx中重新设计,创意源于客户的业务领域。(references/structure-charte.md,参见Marque D示例)
  • 未经用户同意,不得向客户或印刷商发送任何内容。
  • 无寄生轮廓:在InDesign脚本中,在设置strokeColor = Aucune之前,必须将描边宽度设置为0(否则所有框架上会出现1pt的黑色线条)。以80 dpi检查预览图。
  • 文本使用规范的法语(包括变音符号、冒号、分号、问号、叹号前的不换行空格),避免使用行话。

工具(scripts/)

脚本功能
nouveau_projet.py在客户文件夹中创建charte-graphique/工作区
vectoriser.py将PNG/JPG转换为按颜色分区的干净SVG(自动调色板或强制调色板,附视觉检查)
palette.py完善调色板:RGB、FOGRA39 CMYK、色调、WCAG对比度
polices.py将可变字体转换为静态实例,复制已安装字体
logos.py生成5种版本×4种格式的Logo包 + 内部变体
indesign.py在InDesign中生成品牌手册及衍生品(+ IDML、PDF、预览)
planche.py审校生成页面的图版
indesign/lib.jsxInDesign库(文档、色板、样式、矩形、文本、Logo、图像、尺寸标注、目录等)
indesign/<module>.jsx每个文件对应一个文档:charte、carte-visite、entete、enveloppe、kakemono、badge

要添加对其他衍生品的支持(如传单、折页、证书、标牌等):复制一个相近的模块,调整页面尺寸和内容,将其添加到indesign.py中的MODULES列表,并在charte.json → declinaisons中声明。(references/declinaisons.md)

相关技能