企业品牌视觉资产端到端生成技能brand-kit

Brand KitSkillHubBrand KitClawHubname: brand-kitauthor: 王教成 Wang Jiaocheng (波动几何)description: 企业品牌视觉资产端到端生成。能力①需求分析BA1②设计生成BA2Logo形态派生SVG批量信息注入小尺寸优化③格式转换BA3SVG→PNGICO校验④整合交付BA4HTML完整性清理⑤品牌规范与扩展应用BA5-BA6可选。全量87个文件2 HTML 33 SVG 51 PNG 1 ICO。33 SVG 3核心标志 18 VI系统 3品牌规范 9扩展应用。6域25种任务。触发词生成品牌资产、VI系统、Logo套件、商标稿件、名片信封信纸、favicon全套、brand asset、meta-skill-system。品牌视觉资产生成定位本技能是一个领域负载物技能提供企业品牌视觉资产从需求输入到完整交付的端到端生成能力。领域边界分两层①核心管线BA1-BA4需求→设计→转换→交付生成62个核心品牌资产1 HTML 21 SVG 39 PNG 1 ICO任何品牌项目必备 ②扩展层BA5-BA6品牌规范VI手册、色彩/字体/Logo规范与扩展应用环境、产品、多媒体在核心完成后可选并行执行共25个扩展文件1 HTML 12 SVG 12 PNG。全量87个文件2 HTML 33 SVG 51 PNG 1 ICO。文件数构成33 SVG 3核心标志 18 VI系统 3品牌规范 9扩展应用另有1辅助简化版在BA4-03阶段清理62个核心文件 3核心标志SVG 21核心标志PNG 18 VI系统SVG 18 VI系统PNG 1 HTML 1 ICO51 PNG 21核心标志PNG纯图标76多尺寸480展示版 横版5标准4多尺寸 竖版5标准4多尺寸 ICO内嵌4 18 VI系统PNG 3品牌规范PNG 9扩展应用PNG依赖声明本技能依赖通用任务执行能力三轴执行框架。Logo SVG由AI直接编写矢量代码生成SVG是XML格式无需图像生成技能格式转换依赖Edge浏览器headless渲染和Pillow库LANCZOS缩放、ICO构建。所有可复用的脚本、范本、技术坑解决方案均以负载物形式内嵌。核心脚本scripts/render_svg_to_png.py --all支持一键完整渲染纯图标横版/竖版多尺寸批量SVG渲染ICO。核心能力按需求→设计→转换→交付→规范→扩展六阶段组织需求分析能力将用户输入转化为明确的设计规格采集公司信息名称、行业、个人信息、设计偏好推导色彩方案、风格方向、Logo构成思路规划7类资产文件清单、尺寸规格、目录结构AI基于设计规格直接编写Logo SVG源代码矢量图形XML并派生3种核心标志形态横版标志图形文字左右排列竖版标志图形文字上下排列纯图标仅核心图形用于favicon/小尺寸场景SVG资产生成能力从Logo派生02~09目录共30个SVG资产商标注册稿件黑白/彩色 × 图形/文字/组合945×9458cm300dpi数字化应用App图标、社交头像、文档水印、黑白版、反白版办公文具名片正反面、C5信封、A4信纸宣传物料PPT封面、网站Banner、员工工牌品牌规范色彩色板、字体规范、Logo使用规范环境应用门头招牌、展会背景板、易拉宝产品周边包装盒、礼品袋、笔记本封面多媒体模板邮件签名、社交媒体配图、视频封面格式转换能力一站式渲染render_svg_to_png.py --all一键完成全部渲染纯图标横版/竖版多尺寸批量SVG渲染ICO无需临时脚本大图缩小策略先渲染1024×1024大图再用Pillow LANCZOS高质量缩小到目标尺寸小尺寸优化为16-128px创建简化版SVG移除不可见细节增强核心元素横版/竖版多尺寸横版5尺寸(2.5:1)、竖版5尺寸(5:6)每种尺寸明确标注适用场景批量SVG渲染遍历30个非核心SVG02~09目录商标注册数字化办公宣传品牌规范环境产品多媒体按viewBox自动计算尺寸已存在PNG自动跳过增量渲染ICO多尺寸构建手动构建ICO二进制结构绕过PIL单帧限制ICO内嵌PNG提取ICO构建完成后从ICO二进制解析4个内嵌PNG16×16/32×32/48×48/64×64作为独立PNG文件存入01_核心标志目录供HTML展示页展示ICO的多尺寸效果整合交付能力生成双格式对照HTML展示页SVGPNG左右对照文件完整性校验实际文件 vs HTML引用0遗漏0悬空辅助文件清理、去重、交付打包品牌规范能力生成完整的品牌使用规范体系VI手册全面的品牌视觉识别手册HTML格式可打印为PDF色彩规范品牌标准色辅助色色板SVGPNG双格式字体规范中文字体英文字体标准SVGPNG双格式Logo使用规范正确用法错误用法对照SVGPNG双格式扩展应用能力从品牌核心向外部场景延伸环境应用门头招牌、展会背景板、易拉宝/海报架产品周边产品包装盒、礼品袋、笔记本封面多媒体模板邮件签名、社交媒体配图模板、视频封面模板品牌视觉资产生成特有维度维度说明影响SVG代码生成Logo由AI直接编写SVG矢量代码非图像生成需AI具备代码生成能力双格式交付SVG矢量源 PNG位图同时交付渲染环节不可或缺多尺寸要求同一图标需16-512px多尺寸需要大图缩小策略跨平台兼容favicon需兼容浏览器/操作系统/旧设备ICO需含4尺寸个人信息注入公司信息需批量注入多个SVG需要批量替换工作流沙盒限制项目目录可能被沙盒限制写入需用系统临时目录中转品牌一致性所有衍生资产需保持设计一致性需要严格的色彩/字体/图形规范三层结构第一层清单与依赖拓扑 → references/brand-kit-catalog.md 第二层要求清单 → references/brand-kit-requirements.md 第三层范本库 → references/exemplars.mdbrand-kit-requirements.md 只包含任务要素必选组件/组装顺序/约束/格式纯范本内容完整代码、模板、示例、技术坑在 exemplars/ 对应域文件中。每个域的范本文件覆盖该域所有任务技术坑按域归属。使用规则执行流程首次加载读取references/brand-kit-catalog.md获取域分类、依赖拓扑、元操作映射按需深入确认任务类型后读取references/brand-kit-requirements.md获取任务要素必选组件/组装顺序/约束/格式范本查阅执行具体任务时读取references/exemplars/对应域文件获取完整代码和模板脚本复用scripts/目录下的脚本可直接执行无需重新编写内容权限修改权限本技能可按需修改以适配特定项目需求用户填充用户可在references/exemplars/中补充具体品牌资产范本降级模式只读当无法执行生成操作时如Edge浏览器缺失、Pillow库不可用降级为只读咨询模式模式可执行操作不可执行操作完整模式Logo生成、SVG批量生成、SVG→PNG渲染、HTML生成、校验交付、品牌规范生成、扩展应用生成—降级模式技术方案咨询、文件清单规划、范本查阅、技术坑解答、校验脚本执行Logo SVG生成、SVG→PNG渲染需Edge、ICO构建降级触发条件Edge浏览器不可用 / Pillow库不可用 / 用户仅需咨询不需生成环境变量提示Edge浏览器路径可通过EDGE环境变量覆盖默认路径如ARM64系统或自定义安装路径例如set EDGEC:\Path\To\msedge.exe。详见scripts/render_svg_to_png.py顶部注释。扩展能力提示词导出可将SKILL.md与references目录合并为单一提示词文件执行框架本技能作为领域负载物与三轴执行框架的接口如下。配套依赖三轴执行框架R1-R5评分、P2迭代精炼模式、元操作权重等由Meta Skill System技能提供。执行本技能时建议同时加载 Meta Skill System 以获取完整的框架定义与执行方法论。两者配合使用brand-kit 提供品牌视觉资产生成的领域知识与资产范本Meta Skill System 提供通用执行框架与方法论。Step 0三轴判定复杂度复杂8步多文件生成、多轮渲染调优内容类型结构化SVG/PNG/HTML文件有明确格式规范创新需求需要创新Logo设计需要创造性VI系统需要一致性判定结果三轴全开执行轴用P2迭代精炼模式Step 1领域校准基于R1-R5评分推导执行参数R1 信息密度中S和C权重中需采集公司信息、色彩规范、尺寸规范R2 创造性高A权重高Logo生成环节C偏发散需AI代码生成能力R3 交互性中I权重中Logo确认和信息校准是关键校准点R4 规范性高G权重高商标稿件需符合商标局要求favicon需符合规范R5 迭代性高循环多SVG→PNG渲染需多轮调优S→C→A链短而频核心术语SVG、PNG、ICO、viewBox、preserveAspectRatio、LANCZOS、Favicon、商标注册元操作权重A(45%) C(20%) S(15%) G(10%) O(5%) I(5%)关键变量公司名称、行业、设计偏好、个人信息、色彩方案、尺寸规格守护约束文件完整性0遗漏0悬空、PNG尺寸标注准确性、商标稿件合规性产出格式SVG文件、PNG文件、ICO文件、HTML展示页自治度偏好Logo生成半自动需用户确认SVG批量生成全自动渲染全自动创新评估侧重可行性基础优先需可落地交付Step 2三轴分解按域分解为元操作单元激活内容轴清单法内容轴组件清单7类资产 × SVGPNG、样本法参考已有品牌资产结构创新轴模式直用Logo设计用基元运用框架创新Step 3管线编排与执行按P2迭代精炼模式编排分核心管线与扩展层核心管线必备S-01(信息采集) → I-01(方向校准) → A-01(Logo生成) ↻(I-01 → A-01, 用户确认) → A-02(形态派生) ⇉ [A-03(SVG批量), A-04(小尺寸版)] → A-05(信息注入) → A-06(渲染) ⇉ [A-07(图标多尺寸), A-07A(横版/竖版多尺寸), A-07B(批量SVG渲染)] → A-08(ICO) → G-01(渲染校验) ?(通过) → A-09(核心HTML) → G-02(核心完整性) → O-01(核心整理) → O-02(核心交付)扩展层可选核心交付后并行→ ⇉ [A-10(BA5: 品牌规范), A-11(BA6: 扩展应用)] → A-12(全量HTML) → G-03(全量验收) → O-03(全面清理) → O-04(最终交付)关键编排模式A-07(图标多尺寸)、A-07A(横版/竖版多尺寸)、A-07B(批量SVG渲染)三者并行执行由render_svg_to_png.py --all统一调度。A-10(BA5品牌规范)与A-11(BA6扩展应用)在核心资产完成后并行执行。Step 4整合交付执行轴管线复盘确认所有文件已生成内容轴组装HTML展示页整合所有资产创新轴Logo设计方案评估呈现默认展示交付目录和文件清单用户说详细时展开技术细节品牌视觉资产生成域概览按核心管线 扩展层两层架构组织共6域25种任务核心管线BA1-BA4必备域任务数本质职责典型任务BA1 需求分析域3将用户输入转化为明确的设计规格信息采集、设计方向校准、资产规格规划BA2 设计生成域5从Logo到全量SVG资产的源文件生成02~09目录共30个Logo生成、标志形态派生、SVG批量生成、信息注入、小尺寸优化版BA3 格式转换域6SVG矢量源转换为多尺寸PNG位图和ICO一站式渲染(–all)、SVG→PNG、横版/竖版多尺寸、批量SVG渲染、ICO构建、渲染校验BA4 整合交付域4生成展示页、校验完整性、整理交付HTML展示页、完整性校验、清理整理、交付打包核心产出1 HTML 21 SVG 39 PNG 1 ICO 62个核心文件完整可用的品牌资产包。扩展层BA5-BA6可选核心管线完成后可选并行执行根据项目需求决定是否生成。域任务数本质职责典型任务BA5 品牌规范域4品牌使用规范体系说明核心资产如何用VI手册HTML、色彩规范、字体规范、Logo使用规范BA6 扩展应用域3品牌向外部场景延伸将核心应用到新场景环境应用、产品周边、多媒体模板扩展产出3 SVG 3 PNG 1 HTMLBA5 9 SVG 9 PNGBA625个扩展文件全量交付核心62 扩展25 87个文件域间逻辑流BA1→BA2→BA3→BA4核心管线→ [BA5(规范) ‖ BA6(扩展)]可选并行→ BA4-02最终完整性→ BA4-03清理→ BA4-04交付完整清单见references/brand-kit-catalog.md。事实纪律公司信息必须使用用户提供的真实信息不得编造Logo生成必须基于AI实际编写的SVG代码不得描述未生成的LogoPNG尺寸标注必须与实际文件像素一致用PIL读取验证文件完整性校验必须基于实际文件系统比对不得凭记忆技术坑解决方案必须来自实际遇到的问题不得凭空设想ICO文件结构必须符合ICO格式规范尺寸字段、偏移量必须正确范本库中的范本必须脱敏不包含真实公司信息HTML引用路径必须与实际文件路径完全匹配区分大小写品牌规范中的色彩值必须与Logo设计中的色彩方案完全一致扩展应用的视觉风格必须与核心标志保持一致SVG XML特殊字符转义→amp;、→lt;、→gt;详见BA2-01~BA2-03、BA2-05约束SVGdefs完整且单层引用渐变的SVG必须包含完整defs且不得嵌套详见BA2-01~BA2-03、BA2-05约束HTML中SVG显示CSS显式width:100%; height:160pxobject-fit:containdisplay:block禁止max-widthmax-height组合详见BA4-01约束品牌文案/Emoji/占位符/信息分层详见BA2-03、BA2-04、BA3-02B约束交付完整性技能声称87个文件时必须实际产出87个verify_assets.py校验0悬空0遗漏详见BA4-02、BA4-04约束ICO内嵌PNG提取ICO构建完成后必须从ICO二进制提取4个内嵌PNG16×16/32×32/48×48/64×64存入01_核心标志目录HTML展示页使用这4个PNG在核心标志区展示ICO多尺寸详见BA3-03、BA4-01约束标题层级规范为确保合并为单一提示词文件时标题层级不冲突各文件标题层级规范如下文件类型一级标题二级标题三级标题四级标题SKILL.md##########references/brand-kit-catalog.md##############references/brand-kit-requirements.md##############references/exemplars.md##############references/exemplars/*.md##############