SuperAPI AI 工具集

pe-brand-assets

设计与创作

查看项目

更新于 10-15 17:24

技能介绍

用途:制作属于品牌的独立视觉资产,以代码形式编写 SVG,并在目标平台需要时导出为位图。适用于文章与博客插图、仓库及社交/OG 图片、标志与识别设计、功能概念图等。

主要能力与流程:先定位品牌事实,按顺序读取 DESIGN.md、样式指南以及 brand/ 文件夹(标志、字体、参考资产),索引调色板令牌、字体选择、圆角与形状语言、已有标记与母题;若这些都不存在,不自行发明品牌,可先运行 pe-design·understand,或仅使用用户在对话中提供的值并标注为临时。随后推导资产规则:颜色只取自品牌调色板并引用令牌名,字体使用品牌字体,形状遵循已记录的形状语言,隐喻来自 identity method。默认克制,优先给出排版方案,仅在用户要求或排版方案明显不适用时加入绘制元素。

编写 SVG 时按消费方式区分规则:内联到页面 DOM 时使用 currentColor 或 CSS 变量填充以便随页面主题变化,仅对不可重新主题化的元素(如标志)硬编码品牌色,使用带字体名与回退声明的实时 text,省略固定根宽高,装饰性元素加 aria-hidden="true",信息性元素用 role="img" 与 title 并通过 aria-labelledby 关联;作为文件消费(img src、README 等外部场景)时 currentColor 与 CSS 变量不解析、网络字体不加载,需硬编码品牌色并设置根宽高,标志级标记将文字转为路径,文字主导的资产声明完整系统回退字体栈。默认静态,仅在明确要求时动画。

导出:OG/社交端点与 GitHub 社交预览只接受位图,将 SVG 渲染为 PNG,标准 OG 标签用 1200×630,GitHub 社交预览用 1280×640,同时交付 SVG 作为可编辑源文件。

验证与报告:每个颜色映射到引用的令牌,资产在真实显示尺寸下可读,在明暗背景上均正确或说明所需背景,不与反通用禁令冲突;报告使用的令牌与母题、隐喻与方法、放置位置、尺寸与导出格式,以及应纳入 DESIGN.md 或 brand/ 文件夹的临时内容。

限制:资料未提供具体安装命令、收费方式、平台支持范围与效果数据;若缺少品牌事实,需先建立或仅使用用户提供的临时值。