MCP.so
登录

Liquid Composer MCP Server

@frontedu

基本信息

分类

其他

许可证

MIT

作者

frontedu

关于 Liquid Composer MCP Server

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

Liquid Composer MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "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 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表,不代表服务没有工具。请查阅项目文档了解支持的能力。

点击上方按钮,在临时沙箱中运行此服务器并实时获取工具列表。

概览

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.

常见问题

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.

评论

其他 分类下的更多 MCP 服务器