Stylelock MCP MCP server

Stylelock is an official MCP server that allows AI agents to lock a brand style reference and generate a coherent set of brand assets, including app icons, favicons, social images, and illustrations, ensuring visual consistency across all outputs.

Endpoint and access

OAuth sign-in: the first time you connect, your client opens the vendor's own authorization prompt in a browser.

OAuth sign-inEndpoint checked 2026-10-05Operated by Stylelock

MCP endpoint (Streamable HTTP)

https://app.stylelock.dev/api/mcp

Vendor documentation

What you can do with it

Explore style candidates based on a product brief
Lock a chosen style and palette for consistent generation
Generate a full pack of brand assets like icons and favicons
Export a repo-ready zip of vectorized brand assets

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers a Streamable HTTP server. Use --scope project to write .mcp.json for the repo.

Claude Code configuration

claude mcp add --transport http stylelock-mcp https://app.stylelock.dev/api/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).

Codex configuration

codex mcp add stylelock-mcp --url https://app.stylelock.dev/api/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable stylelock-mcp in your MCP settings.

Cursor configuration

{
  "mcpServers": {
    "stylelock-mcp": {
      "url": "https://app.stylelock.dev/api/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure). The type must be streamableHttp for a remote HTTP server.

Cline configuration

{
  "mcpServers": {
    "stylelock-mcp": {
      "type": "streamableHttp",
      "url": "https://app.stylelock.dev/api/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start stylelock-mcp and inspect its tools.

VS Code configuration

{
  "servers": {
    "stylelock-mcp": {
      "type": "http",
      "url": "https://app.stylelock.dev/api/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.

Gemini CLI configuration

gemini mcp add --transport http stylelock-mcp https://app.stylelock.dev/api/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.

Claude Desktop configuration

{
  "mcpServers": {
    "stylelock-mcp": {
      "url": "https://app.stylelock.dev/api/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.

Windsurf configuration

{
  "mcpServers": {
    "stylelock-mcp": {
      "serverUrl": "https://app.stylelock.dev/api/mcp"
    }
  }
}

See all 161

Do you run Stylelock MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing