AI导哈

品牌标识生成工具

AI驱动的品牌标识生成工具，通过MCP技术生成完整的设计系统，包括颜色、排版、间距、阴影、边框、运动令牌、渐变、多变量徽标、收藏夹图标和OG图像等多格式导出。

  • by Forge-Space
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 Forge-Space/branding-mcp

使用说明

@forgespace/branding-mcp

AI-powered brand identity generation via MCP — part of the Forge Space open developer workspace.

生成完整的设计系统——颜色、排版、间距、阴影、边框、运动标记、渐变、多变体徽标、favicon和OG图像，支持多格式导出。58个MCP工具，零API依赖性，算法第一代。

特性

  • 调色板生成 --基于HSL的色彩调和（互补、类比、三重等）与WCAG对比度验证
  • 排版系统 --模块化字体缩放，搭配精心设计的字体
  • 间距比例 --几何级数间距系统
  • 阴影/仰角系统 --6级立面比例，带品牌着色阴影，支持亮/暗主题
  • 边框/形状系统 --所有8种品牌风格的风格感知半径比例和边框宽度
  • 运动/动画系统 --每个品牌风格的持续时间尺度、三次贝塞尔测量和过渡预设
  • 梯度系统 --5种风格感知渐变预设（英雄、按钮、卡片、文本、背景）
  • 多变体徽标 --带有风格感知形状的文字标记、字母组合、摘要和图标变体
  • 收藏夹生成 --品牌图标的4种尺寸（16、32、180苹果触摸屏、512 PWA）
  • OG图像模板 --带有品牌渐变的默认、文章和社交媒体格式
  • 多格式导出 --W3C设计令牌、CSS自定义属性、Tailwind预设、Figma令牌、React主题、Sass变量
  • 品牌验证 --WCAG对比检查、完整性评分、一致性分析
  • 品牌指南 --HTML品牌图书生成

快速开始

npm install
npm run build

从npm（stdio）运行

npx -y @forgespace/branding-mcp@latest

全局安装

npm install -g @forgespace/branding-mcp
forgespace-branding-mcp

IDE/客户端配置

{
  "mcpServers": {
    "forgespace-branding": {
      "command": "npx",
      "args": ["-y", "@forgespace/branding-mcp@latest"]
    }
  }
}

集 ANTHROPIC_API_KEY 当你想要人工智能辅助精炼时。服务器也 仅在算法模式下工作，无需外部API。

MCP工具

提供岩芯和垂直工具（共58个）。下表重点介绍了核心产品集和关键的垂直生产商，包括医疗保健。

工具 说明
generate_brand_identity 从名称、行业和风格上完整的品牌
generate_color_palette 带有和谐和WCAG数据的调色板
generate_typography_system 字体配对+模块化字体比例
export_design_tokens 将品牌导出到JSON/CSS/Tailwind/Figma/React/Sass
create_brand_guidelines 生成HTML品牌手册
validate_brand_consistency 检查WCAG合规性和完整性
refine_brand_element 迭代特定的品牌元素
generate_brand_assets 从品牌生成favicons和OG图像
generate_design_system 一次调用完成设计系统（身份+导出）
generate_brand_fintech 具有合规性和安全性的金融科技特定战略
generate_brand_healthcare 具有护理模式和安全信号的医疗保健策略

MCP资源

资源 URI 描述
品牌模板 brand://templates 预先配置的行业模板
品牌知识 brand://knowledge 色彩理论和排版规则

发展

npm run dev          # Watch mode
npm run validate     # Lint + format + test
npm run test         # Run tests
npm run test:coverage # Coverage report
npm run build        # Build TypeScript

分布

  • npm --可安装为 @forgespace/branding-mcp
  • MCP注册表元数据 — server.json 和 mcpName 包括 注册表提交
  • 标签发布自动化 --推动 v* 运行带有出处的npm publish， 然后通过GitHub OIDC将相同版本发布到MCP注册表
  • 每周注册表操作 — .github/workflows/mcp-registry-status.yml 刷新 npm和MCP注册表漂移、可见性和下一步操作的一个问题
  • GitHub — 锻造空间/品牌mcp

建筑

src/
├── index.ts                    # MCP server entry
├── lib/
│   ├── branding-core/          # Core library (reusable)
│   │   ├── generators/         # Color, typography, spacing, logo, gradients, favicons, OG
│   │   ├── exporters/          # Multi-format token export
│   │   ├── validators/         # WCAG, consistency checks
│   │   └── documents/          # Brand book generation
│   ├── config.ts               # Environment config
│   ├── logger.ts               # Pino logging
│   └── types.ts                # TypeScript interfaces
├── tools/                      # 58 MCP tool registrations
└── resources/                  # Templates + knowledge base

生态系统整合

部分 锻造空间 生态系统：

  • mcp网关 --注册为MCP服务器（端口8033）
  • ui mcp --通过以下方式消费品牌代币 brandId 参数
  • uiforge网络应用程序 --品牌管理UI位于 /branding/*
  • 伪造图案 --共享配置和约定

社区

许可证

麻省理工学院

相关 MCP