MCP.so
Sign In

Liquid Composer MCP Server

@frontedu

Basic information

Category

Other

License

MIT

Author

frontedu

About Liquid Composer MCP Server

The Web Icon Composer. Design OS 27 Liquid Glass right in your browser.

Liquid Composer MCP Server config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "liquid-composer": {
      "command": "npx",
      "args": [
        "liquid-composer",
        "apply",
        "icon.json",
        "--out",
        "out/",
        "#",
        "PNG,",
        "all-appearances",
        "zip",
        "or",
        ".icon,",
        "as",
        "the",
        "recipe",
        "asks"
      ]
    }
  }
}

Liquid Composer MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

Fetch the live tool list by running this server in a temporary sandbox using the button above.

Overview

What is Liquid Composer?

The Web Icon Composer. Design OS 27 Liquid Glass right in your browser.

How to use Liquid Composer?

The README includes setup instructions such as npx liquid-composer apply icon.json --out out/ # PNG, all-appearances zip or .icon, as the recipe asks.

Key features of Liquid Composer

  • Highlights along the top and bottom edges, and dark edges that define the shape
  • Refraction with Strength and Height; a negative Strength bends the image the other way (inverse refraction)
  • Layer-based editing with one level of groups, drag-and-drop reordering, inline rename, duplicate and undo/redo
  • Per-layer opacity, blend mode, and solid or two-stop gradient fill
  • Default, Dark, Clear Light and Clear Dark appearances. The Tinted variants of iOS 27 are not implemented

Use cases of Liquid Composer

  • Connect an MCP-compatible client to this repository's service.
  • Review the README-backed setup before enabling it in production.

Frequently asked questions

1

Where is the source code for Liquid Composer?

The source code is linked from the repository URL on this page.

2

Does Liquid Composer include a standard MCP config?

If the README contains a parseable MCP configuration block, it is shown in the Config tab.

Comments

More Other MCP servers