SuperAPI AI 工具集

brand-pipeline

设计与创作

查看项目

更新于 10-16 08:05

技能介绍

用途:brand-pipeline 是品牌即代码流程的总编排器,一条命令完成从零到完整品牌系统的搭建,串联 brand-init、brand-compile、brand-assets 三个环节。

主要能力与流程:

  1. 品牌身份:检查现有文件。存在 brand.yaml 则跳到第 2 步;存在 brand-profile.yaml 则提示通过 brand-kit migrate 迁移;两者都没有则交互式运行 /brand-init。
  2. 编译令牌:执行 node ~/Development/brand-kit/dist/src/cli.js compile --out ./src/styles,产出 tokens.css(CSS 自定义属性)、theme.css(Tailwind 4 @theme)、tokens.ts(TypeScript 导出)。
  3. 集成:检查项目配置并接入令牌。Tailwind 项目确认 CSS 入口有 @import "./theme.css";TypeScript 项目确认 tokens.ts 可导入;运行 pnpm typecheck 或 npx tsc --noEmit 做类型检查。
  4. 生成素材:按项目上下文决定所需素材。始终生成 og-default;有博客则加 og-blog 与 blog-header;有发布则加 launch-hero 与 social-announce;有更新日志则加 og-changelog。渲染示例:node ~/Development/brand-kit/dist/src/cli.js render og-default --title "[Brand Name]" --subtitle "[Tagline]" --out ./public/og.png。
  5. 汇总:报告 brand.yaml 位置、令牌输出文件、已生成素材与集成状态。

标志:--skip-init 跳过 brand-init,要求已有 brand.yaml;--skip-assets 只编译令牌、跳过素材生成;--out <dir> 覆盖令牌输出目录。

相关技能:/brand-init(交互式品牌发现)、/brand-compile(令牌编译)、/brand-assets(素材生成)、/launch-assets(完整发布包,内部使用 brand-pipeline)。

限制:资料未提供具体收费、价格、支持平台与效果数据;命令依赖本地 brand-kit 安装路径,需按实际环境调整。