用途:为项目或品牌建立连贯的视觉识别系统,包括配色、字体搭配与风格方向,并输出可读文档、机器可读配置与预览文件。
主要能力:生成三个产物,均写入用户工作目录(未提供路径时需询问)——brand-brief.md(主产物,含调研、理由与全部设计决策)、identity.js(简介的可机读提取,供下游构建脚本导入)、brand-preview.pdf(3 页渲染样张:配色、字体、组合演示)。中间 HTML 写入 /tmp/brand-system/ 并在渲染后清理。
使用方式:以对话式设计流程推进,按需加载参考文件 references/palette-guide.md(配色)、references/typography-guide.md(字体)、references/design-landscape.md(风格)。流程为:从用户请求中读取已有方向,仅在真正模糊时提一两个关键问题;调研已有品牌或同类案例;从锚点色构建 8 角色配色(用户提供、从品牌提取或按语境选择);选择字体(默认同一字族用于标题与正文,第二字族须有理由);推荐一种风格方向并给 1-2 个备选。写出简介后向用户提 2-3 个针对性问题,迭代 1-3 轮至批准。简介定稿后才生成 identity.js 并渲染预览。渲染使用本技能自带引擎: const { createPreview } = require('<this-skill>/engine'); const brand = require('./identity'); createPreview(brand, { output: './brand-preview.pdf' }); Node 从技能自身 node_modules/ 解析 playwright,用户项目无需安装。若 node_modules/ 缺失,在本技能文件夹内运行 npm install。
适用场景:需要建立或整理品牌视觉语言的网页、演示等设计工作,以及为下游技能提供统一风格词汇表(如 toCSS() 供网页渲染器、主题对象供原生 PPTX)。
限制:预览仅确认已定决策,不是设计探索工具;风格方向只是词汇表,具体实现由下游技能按自身媒介解释。应避免圆角卡片加阴影、卡片嵌套、内容渐变填充、同一构图内圆角不一致等反模式。收费、价格、平台与效果等资料暂未提供。