CLI and MCP server for creating Apple .icon bundles with Liquid Glass effects (iOS 26+)
CLI and MCP server for creating Apple .icon bundles with Liquid Glass effects (iOS 26+). That is what the icon mcp server brings to an AI assistant: the same capability, reachable through the Model Context Protocol rather than a separate app or dashboard.
The server publishes 14 tools. What each one is for:
create — Create a new .icon bundle from a foreground imageadd-layer — Add a layer to an existing bundleremove — Remove a layer or groupinspect — Read and display bundle contentsglass — Configure Liquid Glass effects on a groupappearance — Set dark/tinted mode overridesfill — Set background fill (solid, gradient, automatic, none)position — Set layer/group scale and offsetpreview — Export a preview PNG (Liquid Glass or flat)render — Render pixel-perfect Liquid Glass via ictoolexport-marketing — Export flat 1024x1024 PNG for App Store Connect (no alpha)doctor — Check system setup and dependenciesInstallation goes through your MCP client rather than a global install: point it at icon-composer-mcp on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
icon-composer doctor to check your setup.Plenty of developer tooling servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Icon's toolset — create, add-layer, remove and 11 more — is a fair guide to whether it matches your workflow. It is maintained by ethbak; worth a glance at recent repository activity before you build anything load-bearing on it.
SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.
| Tool | What it does |
|---|---|
| create | Create a new .icon bundle from a foreground image |
| add-layer | Add a layer to an existing bundle |
| remove | Remove a layer or group |
| inspect | Read and display bundle contents |
| glass | Configure Liquid Glass effects on a group |
| appearance | Set dark/tinted mode overrides |
| fill | Set background fill (solid, gradient, automatic, none) |
| position | Set layer/group scale and offset |
| preview | Export a preview PNG (Liquid Glass or flat) |
| render | Render pixel-perfect Liquid Glass via ictool |
| export-marketing | Export flat 1024x1024 PNG for App Store Connect (no alpha) |
| doctor | Check system setup and dependencies |
| create_icon | Create a .icon bundle from a foreground image and background color |
| add_layer_to_icon | Add a new layer to an existing bundle |
{
"mcpServers": {
"icon-composer": {
"command": "npx",
"args": ["-y", "icon-composer-mcp"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
icon-composer doctor to check your setup.Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.