@forgespace/branding-mcp

@forgespace/branding-mcp

Generates complete brand identity systems including colors, typography, logos, and design tokens with 58 MCP tools. Supports multi-format export and AI-assisted refinement.

Category
访问服务器

README

<div align="center"> <a href="https://forgespace.co"> <img src="https://brand.forgespace.co/logos/wordmark.svg" alt="Forge Space" height="48"> </a> <h1>@forgespace/branding-mcp</h1> <p>AI-powered brand identity generation via MCP — part of the <a href="https://github.com/Forge-Space">Forge Space</a> open developer workspace.</p> </div>

CI npm version License: MIT

Generate complete design systems — colors, typography, spacing, shadows, borders, motion tokens, gradients, multi-variant logos, favicons, and OG images with multi-format export. 58 MCP tools, zero API dependencies, algorithmic-first generation.

Features

  • Color Palette Generation — HSL-based color harmonies (complementary, analogous, triadic, etc.) with WCAG contrast validation
  • Typography System — Modular type scales with curated font pairings
  • Spacing Scale — Geometric progression spacing system
  • Shadow/Elevation System — 6-level elevation scale with brand-tinted shadows, light/dark theme support
  • Border/Shape System — Style-aware radius scales and border widths for all 8 brand styles
  • Motion/Animation System — Duration scales, cubic-bezier easings, and transition presets per brand style
  • Gradient System — 5 style-aware gradient presets (hero, button, card, text, background)
  • Multi-Variant Logo — Wordmark, monogram, abstract, and icon variants with style-aware shapes
  • Favicon Generation — 4 sizes (16, 32, 180 apple-touch, 512 PWA) from brand icon
  • OG Image Templates — Default, article, and social formats with brand gradients
  • Multi-Format Export — W3C Design Tokens, CSS custom properties, Tailwind preset, Figma tokens, React theme, Sass variables
  • Brand Validation — WCAG contrast checking, completeness scoring, consistency analysis
  • Brand Guidelines — HTML brand book generation

Quick Start

npm install
npm run build

Run from npm (stdio)

npx -y @forgespace/branding-mcp@latest

Install globally

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

IDE / client config

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

Set ANTHROPIC_API_KEY when you want AI-assisted refinement. The server also works in algorithmic-only mode without external APIs.

MCP Tools

Core and vertical tools are available (58 total). The table below highlights the core set plus key vertical generators, including healthcare.

Tool Description
generate_brand_identity Complete brand from name, industry, and style
generate_color_palette Color palette with harmony and WCAG data
generate_typography_system Font pairing + modular type scale
export_design_tokens Export brand to JSON/CSS/Tailwind/Figma/React/Sass
create_brand_guidelines Generate HTML brand book
validate_brand_consistency Check WCAG compliance and completeness
refine_brand_element Iterate on specific brand elements
generate_brand_assets Generate favicons and OG images from brand
generate_design_system Complete design system in one call (identity + export)
generate_brand_fintech Fintech-specific strategy with compliance and security
generate_brand_healthcare Healthcare strategy with care models and safety signals

MCP Resources

Resource URI Description
Brand Templates brand://templates Pre-configured industry templates
Brand Knowledge brand://knowledge Color theory and typography rules

Development

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

Distribution

  • npm — installable as @forgespace/branding-mcp
  • MCP Registry metadataserver.json and mcpName are included for registry submission
  • Tag release automation — pushing v* runs npm publish with provenance, then publishes the same version to the MCP Registry via GitHub OIDC
  • Weekly registry ops.github/workflows/mcp-registry-status.yml refreshes one issue with npm and MCP Registry drift, visibility, and next actions
  • GitHubForge-Space/branding-mcp

Architecture

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

Ecosystem Integration

Part of the Forge Space ecosystem:

  • mcp-gateway — Register as MCP server (port 8033)
  • ui-mcp — Consumes brand tokens via brandId parameter
  • uiforge-webapp — Brand management UI at /branding/*
  • forge-patterns — Shared configs and conventions

Community

License

MIT

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选