新闻详情

新闻详情

首页 / 资讯中心 / 详情

Anthropic 品牌规范 Skill 实战:让任意产物自动应用官方色彩与排版

发布时间:2026/9/30 15:44:52来源:尧图网络
Anthropic 品牌规范 Skill 实战:让任意产物自动应用官方色彩与排版
人工智能AI 技能AI 评测【免费下载链接】skillsPublic repository for Agent Skills项目地址https://gitcode.com/GitHub_Trending/skills3/skills点击查看免费下载本指南围绕仓库 brand-guidelines 这个 Agent Skill 展开它负责把 Anthropic 官方品牌色Dark#141413、Light#faf9f5、Orange#d97757等与字体体系Poppins/Lora自动应用到任何需要呈现Anthropic look-and-feel的产物上典型场景包括 PPT 幻灯片、HTML 报告、生成式艺术页面等视觉格式化与后期风格化处理。读完本文你将掌握这套品牌规范的完整色值与字体规则、智能字体回退机制、形状与强调色的循环应用策略以及其在 python-pptx 中通过RGBColor落地的底层实现方式。一、这个 Skill 是做什么的brand-guidelines是一个以 An[th]ropi[c 官方视觉识别Visual Identity为标准的后期风格化 Skill。其 frontmatter 中的 description 明确指出当任何产物可能需要拥有 Anthropic 外观与质感brand colors or style guidelines, visual formatting, or company design standards时就应调用它。它的关键词覆盖branding、corporate identity、visual identity、post-processing、styling、brand colors、typography、visual formatting、visual design。这意味着它的适用对象不限于某一类文件——凡是需要对外呈现统一企业视觉规范的文档、报告、演示文稿、网页视图都可以作为它的处理目标。二、品牌色彩规范主色与强调色2.1 主色Main Colors色名HEX用途Dark深色#141413主文本、深色背景Light浅色#faf9f5浅色背景、深色底上的文本Mid Gray中灰#b0aea5次级元素如副标题、注释Light Gray浅灰#e8e6dc细微背景如分隔区、表头底色2.2 强调色Accent Colors色名HEX用途Orange橙#d97757主强调色Blue蓝#6a9bcc次级强调色Green绿#788c5d第三级强调色强调色的典型用法是非文本形状shapes使用强调色并在橙色、蓝色、绿色之间循环从而在保持品牌一致性的同时维持视觉趣味maintains visual interest while staying on-brand。2.3 色彩在仓库中的实际落地证据这套色值并不仅停留在规范文档里仓库中多个 Skill 的实际产物都直接引用了同一套色板algorithmic-art 模板 viewer.html 中通过 CSS 变量原样声明了七个品牌色--anthropic-dark: #141413; --anthropic-light: #faf9f5; --anthropic-mid-gray: #b0aea5; --anthropic-light-gray: #e8e6dc; --anthropic-orange: #d97757; --anthropic-blue: #6a9bcc; --anthropic-green: #788c5d;并作为生成式艺术页面的 UI 骨架色其第 399–418 行的颜色选择器与第 451 行的colorPalette数组也直接使用[#d97757, #6a9bcc, #788c5d]作为默认调色板。generate_report.py 生成的评估报告 HTML 同样以#faf9f5为背景、#141413为正文色并配合 Poppins/Lora 字体。eval_review.html 将#d97757用作按钮与焦点边框的强调色、#e8e6dc用作 section 表头底色。这从侧面验证了brand-guidelines所定义的色板确实是整个 skills 仓库中Anthropic 品牌观感的统一事实来源。三、字体规范标题 Poppins、正文 Lora3.1 字体分配规则元素字体回退字体标题HeadingPoppinsArial正文Body TextLoraGeorgia要点字体应预先安装在环境中以获得最佳效果Fonts should be pre-installed in your environment for best results。如果系统里没有 Poppins/Lora则自动回退到 Arial/Georgia从而保证跨系统可读性。3.2 智能字体应用Smart Font Application对24pt 及以上的标题应用 Poppins对正文应用 Lora自定义字体不可用时自动回退 Arial/Georgia在所有系统上保持可读性preserves readability across all systems。3.3 文本样式化Text Styling标题24ptPoppins正文Lora基于背景智能选择文字颜色smart color selection based on background即在深色背景上使用#faf9f5在浅色背景上使用#141413保留文本层级与格式preserves text hierarchy and formatting。3.4 仓库中的字体佐证algorithmic-art 模板 通过 Google Fonts 引入Poppins:wght400;500;600与Lora:wght400;500body 默认Poppins, sans-serif侧边栏大标题则使用Lora, serif与标题 Lora / 正文 Poppins的展示习惯相呼应。generate_report.py 引入Poppins:wght500;600与Lora:wght400;500报告正文用Lora, Georgia, serifh1与图例等标题性元素用Poppins, sans-serif同样保留了 Arial/Georgia 回退链。四、形状与强调色循环对于非文本形状如色块、图表元素、分隔图形Skill 的规则是使用强调色accent colors着色在橙#d97757→ 蓝#6a9bcc→ 绿#788c5d之间循环保持视觉兴趣同时不脱离品牌基调。在生成式艺术场景中这一策略体现得最直观generator_template.js 中定义colorPalette数组时即默认给出[#d97757, #6a9bcc, #788c5d, #b0aea5]供算法按顺序取色循环。五、技术细节字体管理与颜色应用5.1 字体管理Font Management优先使用系统中已安装的 Poppins 与 Lora自动回退 Arial标题/ Georgia正文无需安装字体即可运行——直接复用系统字体若要达到最佳观感建议先在环境中预装 Poppins 与 Lora。5.2 颜色应用Color Application使用RGB 数值进行精确品牌匹配precise brand matching通过python-pptx 的RGBColor类落地保证不同系统间的色彩保真maintains color fidelity across different systems。由此可以推断该 Skill 的核心落地对象是python-pptx 生成的演示文稿。以七个品牌色为例对应的 RGB 三元组为颜色HEXRGBDark#141413202019Light#faf9f5250249245Mid Gray#b0aea5176174165Light Gray#e8e6dc232230220Orange#d9775721711987Blue#6a9bcc106155204Green#788c5d12014093一个典型的应用片段形状填充 文字配色 字体回退可组织为from pptx.dml.color import RGBColor from pptx.enum.text import PP_ALIGN BRAND { dark: RGBColor(0x14, 0x14, 0x13), light: RGBColor(0xFA, 0xF9, 0xF5), mid_gray: RGBColor(0xB0, 0xAE, 0xA5), light_gray: RGBColor(0xE8, 0xE6, 0xDC), orange: RGBColor(0xD9, 0x77, 0x57), blue: RGBColor(0x6A, 0x9B, 0xCC), green: RGBColor(0x78, 0x8C, 0x5D), } def style_brand_shape(shape, is_textFalse, accent_index0): if not is_text: # 非文本形状使用强调色并循环 accent list(BRAND.values())[4 accent_index % 3] shape.fill.solid() shape.fill.fore_color.rgb accent # 文本颜色基于背景智能选择 # 深色背景 - 浅色文字 (#faf9f5)浅色背景 - 深色文字 (#141413)六、使用方式与适用场景小结6.1 何时使用需要让生成物幻灯片、HTML 报告、艺术页面呈现 Anthropic 官方视觉观感需要对产物做后期风格化/品牌化处理post-processing / styling涉及企业视觉规范company design standards的格式化要求。6.2 使用要点回顾色彩主色四枚Dark/Light/Mid Gray/Light Gray负责文字与背景层级强调色三枚Orange/Blue/Green负责形状与视觉焦点字体标题 Poppins≥24pt、正文 Lora缺失时回退 Arial/Georgia形状强调色循环保持品牌感与趣味性平衡实现RGB 精确值 python-pptxRGBColor保证跨系统色彩一致。七、许可证说明本 Skill 随附 LICENSE.txt为 Apache License 2.0Copyright 2026 Anthropic, PBC.使用与再分发须遵守其条款。若需在自有项目中使用这套品牌配色与字体规则请一并遵循对应授权要求。赞分享人工智能AI 技能AI 评测【免费下载链接】skillsPublic repository for Agent Skills项目地址https://gitcode.com/GitHub_Trending/skills3/skills点击查看免费下载相关推荐claude-cookbooks 自定义 Skill 实战用 applying-brand-guidelines 让 Claude 输出自动遵守企业品牌规范claude cookbooks 自定义 Skill 实战用 applying brand guidelines 让 Claude 输出自动遵守企业品牌规范示例工程色彩与iOS应用品牌忠诚度Chameleon的品牌色彩管理色彩与iOS应用品牌忠诚度Chameleon的品牌色彩管理 你是否曾因应用内色彩混乱导致用户流失是否在深夜调试RGB值却依然无法实现设计稿效果ChamelUI组件ui-ux-pro-max-skill 品牌技能Brand Skill实战指南从品牌规范到设计令牌的自动化同步ui ux pro max skill 品牌技能Brand Skill实战指南从品牌规范到设计令牌的自动化同步 品牌是 UI/UX 工程的隐形地基——同样AI 技能前端设计系统创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

化学智能体的闭环时刻:从自然语言到机器人实验,走通了哪条路 2026/9/30 22:29:33

化学智能体的闭环时刻:从自然语言到机器人实验,走通了哪条路

一个化学工作者用自然语言说出"帮我做这组样品的梯度稀释",机器人液体工作站自己产出可执行协议文件,中途发现计量矛盾还会自己改——这个场景在 2026 年之前属于演示视频,现在有了可量化的一致性证据。美国太平洋西北国家实验室&a…

阅读更多 →
【Redis初阶】(篇二)《一文吃透 Redis:特性、应用场景、版本演进与安装配置全解析》 2026/9/30 22:29:26

【Redis初阶】(篇二)《一文吃透 Redis:特性、应用场景、版本演进与安装配置全解析》

一.了解 Redis Redis 官网:Redis - Real-time data for agents & apps Redis(Remote Dictionary Server)是一个开源的、基于内存的键值对(Key-Value)NoSQL 数据库。 在数据结构上,Redis 的 key 永远是…

阅读更多 →
工业配电开关三大核心指标:电气参数、公差范围与机械寿命协同解析 2026/9/30 22:29:26

工业配电开关三大核心指标:电气参数、公差范围与机械寿命协同解析

1. 工业级配电开关控制设备不是“能通电就行”的玩具——它是一套精密协同的机电系统很多人第一次接触工业级配电开关控制设备时,下意识会把它和家里墙上那个咔哒一声就跳闸的空气开关画等号。这种认知偏差,在项目现场已经酿成过三次非计划停机事故&…

阅读更多 →
成为全栈·Next.js 网站前台篇·文章列表:服务端首屏与客户端持续加载怎样协作 2026/9/30 22:29:19

成为全栈·Next.js 网站前台篇·文章列表:服务端首屏与客户端持续加载怎样协作

成为全栈Next.js 网站前台篇文章列表:服务端首屏与客户端持续加载怎样协作 首屏内容适合由服务端直接交付,继续加载需要浏览器管理交互状态。两者合在一起时,真正难的是让第 2 页从第 1 页的下一步开始,而不是重新发明一份列表。 …

阅读更多 →
BSP基础知识 2026/9/30 22:29:13

BSP基础知识

linux启动流程概括设备上电后,SoC 片内 BootROM 从 Flash 读第一段启动代码到 片内 SRAM 执行,完成 DDR 初始化和最小硬件 init;然后加载 Bootloader到 DDR 。解压boot代码并把控制权交给Bootoader,Bootloader 从 Flash kernel 分…

阅读更多 →
问卷设计的“假动作”与“真功夫”:你和导师之间,隔着一道叫“操作化”的墙 2026/9/30 22:28:47

问卷设计的“假动作”与“真功夫”:你和导师之间,隔着一道叫“操作化”的墙

毕夏AI官网 www.bixiaai.com 毕夏AI写作官网 www.bixiaai.com 毕夏官网 www.bixiaai.com 毕夏智能写作官网 www.bixiaai.com 你花了三个通宵憋出一份问卷,发出去两百份,回收回来一看——信度系数惨不忍睹,导师一句“你这问卷在测什么”直…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉