用途:把标题(可选副标题、行动号召)转成尺寸正确、符合品牌调性的社交图,输出矢量 SVG,可无损缩放,无需账号、密钥或联网。
主要能力:生成器 lib/social.mjs 负责排版品牌色带、自动换行的标题、可选副标题与强调胶囊;技能负责解析当前品牌配置、选择平台预设、运行生成器并保存文件。文本位于可编辑区 id="headline"、id="subhead"、id="cta",可后续自行修改。支持四种预设:instagram-square(默认)、instagram-story、og-card、youtube-thumb。所有文案进入标记前会做 HTML 转义,颜色仅取自品牌调色板,不生成位图。
使用方式:先运行 /brand-status 确认当前品牌,没有则提示用户运行 /brand-new 并停止;用 Glob 定位品牌目录,读取并用 validateProfile 校验 color-system.json 与 typography.json,失败则报告问题字段并停止;选择平台预设(未指定时询问用户);运行 node lib/social.mjs 生成,示例调用:import { loadProfile } from '../../lib/brand.mjs'; import { buildSocial } from '../../lib/social.mjs'; const profile = loadProfile(activeDir); const { svg, platform } = buildSocial(profile, { platform: 'instagram-square', headline: 'We just raised our Series A', subhead: 'Building the future of logistics', cta: 'Read the story' }); 用 Write 工具写入 output/[slug]-[platform].svg,再交给 visual-guardian 子代理做配色、对比度与字体检查,应用其修复或反馈其标记,最后报告保存路径并指出可编辑区。
适用场景:发布公告、链接卡片(og-card)、故事封面等社交图制作。
限制:需要已用 /brand-new 创建的品牌配置、PATH 中的 Node.js、对 output/ 目录的写权限以及标题字符串;标题过长时生成器会换行,需核对结果,若 guardian 标记溢出则缩短文案;需要照片背景时应改用 generate-graphic 技能。平台尺寸、安全区与新增预设见 references/platform-sizes.md。