@forgespace/branding-mcp
AI-powered brand identity generation via MCP — part of the Forge Space open developer workspace.
 ](https://www.npmjs.com/package/@forgespace/branding-mcp) 
生成完整的设计系统——颜色、排版、间距、阴影、边框、运动标记、渐变、多变体徽标、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-mcpIDE/客户端配置
{
"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 --可安装为
- MCP注册表元数据 —
server.json和mcpName包括
注册表提交
- 标签发布自动化 --推动
v*运行带有出处的npm publish,
然后通过GitHub OIDC将相同版本发布到MCP注册表
- 每周注册表操作 —
.github/workflows/mcp-registry-status.yml刷新
npm和MCP注册表漂移、可见性和下一步操作的一个问题
- GitHub —
建筑
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/* - 伪造图案 --共享配置和约定
社区
许可证
麻省理工学院
