MCP design

01 / CONNECT

Your idea. Our bag-making rules.

Connect your AI assistant to our MCP. It can read bag references, check your colour and artwork choices, and prepare a design brief for sampling.

Choose your AI tool Choose your starting bag

SERI BAG MCP

MCP server URL

Streamable HTTP · Public product references and design rules. This connection needs no API key or WordPress account.

Choose your AI tool

One connection, the same bag references and design rules. Choose the tool you already use.

Codex

Local app or editor

Add a Streamable HTTP server in your app’s MCP settings, or use the command below with Codex CLI installed.

Terminal command

codex mcp add seri-bag-design --url 'https://www.seribag.com/wp-json/seri-design/v1/mcp'

Or edit ~/.codex/config.toml

[mcp_servers.seri-bag-design]
url = "https://www.seribag.com/wp-json/seri-design/v1/mcp"

Run codex mcp list, then open a new conversation. You can also check the connection with /mcp in Codex CLI.

Codex setup guide

Claude Code

Local app or editor

Run this command from your project folder with Claude Code installed. It adds an HTTP connection for this project.

Terminal command

claude mcp add --transport http seri-bag-design 'https://www.seribag.com/wp-json/seri-design/v1/mcp'

Open Claude Code and use /mcp to check that seri-bag-design is connected.

Claude Code setup guide

Cursor

Local app or editor

Add this to .cursor/mcp.json in your project. If the file already exists, merge the server entry into mcpServers.

.cursor/mcp.json

{
    "mcpServers": {
        "seri-bag-design": {
            "url": "https://www.seribag.com/wp-json/seri-design/v1/mcp"
        }
    }
}

Enable seri-bag-design in Cursor’s MCP settings, then open an Agent conversation.

Cursor setup guide

VS Code / Copilot

Local app or editor

For Copilot sessions, add this to .mcp.json at the project root. If the file exists, merge the server entry into mcpServers.

.mcp.json

{
    "mcpServers": {
        "seri-bag-design": {
            "type": "http",
            "url": "https://www.seribag.com/wp-json/seri-design/v1/mcp"
        }
    }
}

VS Code configuration (.vscode/mcp.json)

{
    "servers": {
        "seri-bag-design": {
            "type": "http",
            "url": "https://www.seribag.com/wp-json/seri-design/v1/mcp"
        }
    }
}

Open Copilot in Agent mode and enable seri-bag-design in the available tools. Use one configuration format, not both.

VS Code / Copilot setup guide

Claude

Cloud connection

In Claude, open Customize → Connectors → Add custom connector. Name it SERI BAG Design and enter the public MCP URL. Choose No sign in, then enable it for your conversation.

Public MCP server URL

https://www.seribag.com/wp-json/seri-design/v1/mcp

This is Claude’s remote connector for web and desktop. The connection comes from Claude’s cloud, even when you use the desktop app.

Claude setup guide

ChatGPT

Cloud connection

In ChatGPT Plugins, choose + → Add custom MCP server. Name it SERI BAG Design, use the public MCP URL and select no authentication. Create the plugin, then enable it in a conversation.

Public MCP server URL

https://www.seribag.com/wp-json/seri-design/v1/mcp

This guide uses a public HTTPS connection. A local preview requires a separately configured secure MCP tunnel.

ChatGPT setup guide

Try the connection

Ask your assistant to list our bags. Then choose a bag below and copy its design task to start exploring.

Use the seri-bag-design MCP to call list_bag_models with language "en". Show the available bags and their design options.

Other tools can connect using Streamable HTTP. Client availability depends on your account and workspace settings. Image creation uses your chosen assistant’s image tools.

02 / PICK A SHAPE

Choose your starting bag

Each bag has its own fixed construction and permitted colour and artwork areas. Open a bag to get its rules and a ready-to-copy design task.

Accordion foldable bag — Pink camouflage

A mix of product photos and design concepts. Confirm the final style and colour with a sample.

03 / FROM IDEA TO SAMPLE

Bring the concept to life

Your assistant checks the proposal and prepares a brief for your image tool. Share the concept with us to confirm materials, print details and sampling.

Discuss this design Privacy policy

SERI BAG — Menu

Your idea. Our bag-making rules.

Choose your AI tool

Codex

Claude Code

Cursor

VS Code / Copilot

Claude

ChatGPT

Try the connection

Choose your starting bag

Accordion foldable bag

Art-print shopper

Packable travel bag

Bring the concept to life