npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@wemake.cx/multimodal-synthesizer

v0.4.6

Published

MCP server for combining text and image descriptions

Readme

Multimodal Synthesizer MCP Server

A specialized tool for combining text snippets and image descriptions into unified, coherent summaries for multimodal content analysis.

Core Concepts

Multimodal Input Processing

The server processes two types of input data:

  • Text Arrays: Collections of text snippets, descriptions, or content fragments
  • Image Arrays: Collections of image descriptions, captions, or visual content summaries

Example input structure:

{
  "text": [
    "Product description: High-quality wireless headphones",
    "Customer review: Excellent sound quality and comfort",
    "Technical specs: Bluetooth 5.0, 30-hour battery life"
  ],
  "images": [
    "Image shows sleek black headphones on white background",
    "Close-up of comfortable ear cushions and adjustable headband",
    "Charging case with LED battery indicator"
  ]
}

Synthesis Process

The synthesis combines textual and visual information into a unified summary that:

  • Preserves key information from both modalities
  • Creates coherent narrative flow
  • Maintains context relationships between text and images
  • Provides structured output for further processing

Example output:

{
  "summary": "Product description: High-quality wireless headphones Customer review: Excellent sound quality and comfort Technical specs: Bluetooth 5.0, 30-hour battery life | Images: Image shows sleek black headphones on white background, Close-up of comfortable ear cushions and adjustable headband, Charging case with LED battery indicator"
}

Code Mode Usage

This server can be used directly as a TypeScript library:

import { MultimodalSynthesizer } from "@wemake.cx/multimodal-synthesizer";

const synthesizer = new MultimodalSynthesizer();

const result = await synthesizer.synthesize({
  text: ["Hello world"],
  images: ["image.jpg"]
});

console.log(result.summary);

API

Tools

  • multimodalSynth
    • Combines text and image descriptions into unified summaries
    • Input: Multimodal data structure
      • text (string[]): Array of text snippets or descriptions
      • images (string[]): Array of image descriptions or captions
    • Returns: JSON object containing synthesized summary
    • Use cases:
      • Product catalog generation
      • Content analysis and summarization
      • Multimodal document processing
      • Research data synthesis
      • Marketing content creation

Setup

bunx

{
  "mcpServers": {
    "Multimodal Synthesizer": {
      "command": "bunx",
      "args": ["@wemake.cx/multimodal-synthesizer@latest"]
    }
  }
}

bunx with custom settings

The server can be configured using the following environment variables:

{
  "mcpServers": {
    "Multimodal Synthesizer": {
      "command": "bunx",
      "args": ["@wemake.cx/multimodal-synthesizer@latest"],
      "env": {
        "MAX_TEXT_ITEMS": "50",
        "MAX_IMAGE_ITEMS": "20",
        "SYNTHESIS_FORMAT": "structured"
      }
    }
  }
}
  • MAX_TEXT_ITEMS: Maximum number of text items to process (default: 100)
  • MAX_IMAGE_ITEMS: Maximum number of image descriptions to process (default: 50)
  • SYNTHESIS_FORMAT: Output format - "simple" | "structured" | "detailed" (default: "simple")

System Prompt

The prompt for utilizing multimodal synthesis should encourage comprehensive content integration:

Follow these steps for multimodal synthesis:

1. Content Collection:
   - Gather all relevant text snippets and descriptions
   - Collect image descriptions, captions, or visual summaries
   - Ensure content is properly categorized by modality
   - Validate input format and completeness

2. Synthesis Planning:
   - Identify key themes and concepts across modalities
   - Determine logical flow and narrative structure
   - Plan integration points between text and visual content
   - Consider context preservation requirements

3. Content Integration:
   - Combine textual and visual information coherently
   - Maintain semantic relationships between elements
   - Preserve important details from both modalities
   - Create unified narrative or summary structure

4. Quality Assurance:
   - Verify all input content is represented
   - Check for logical flow and coherence
   - Ensure no critical information is lost
   - Validate output format and structure

5. Output Optimization:
   - Format results for intended use case
   - Optimize for readability and comprehension
   - Include metadata or structure as needed
   - Prepare for downstream processing if required

Usage Examples

Product Catalog Synthesis

Combine product descriptions, specifications, and image descriptions to create comprehensive product summaries for e-commerce platforms.

Research Data Integration

Synthesize textual research findings with visual data representations, charts, and diagrams for comprehensive research reports.

Content Marketing

Integrate marketing copy with visual asset descriptions to create cohesive campaign summaries and content briefs.

Document Processing

Process multimodal documents containing both text and images to create unified summaries for indexing and search.

Educational Content

Combine textual explanations with visual aids and diagrams to create comprehensive learning material summaries.