Set Up with Claude Code

Set Up with Claude Code

Claude Code is Anthropic’s CLI coding agent. It supports MCP servers, letting Claude control ButterKit from your terminal.

Prerequisites

  • ButterKit running with MCP enabled (Settings > MCP)
  • Claude Code installed (npm install -g @anthropic-ai/claude-code)

Configuration

Open MCP settings

Run claude mcp to manage your MCP configuration, or edit the settings file directly.

Add the ButterKit server

Add the following to your Claude Code MCP configuration:

{
  "mcpServers": {
    "butterkit": {
      "command": "/Applications/ButterKit.app/Contents/MacOS/butterkit-mcp"
    }
  }
}

Verify the connection

Start a new Claude Code session. ButterKit’s 40 tools should be available. You can confirm by asking Claude to list your open documents.

Start using it

Ask Claude to work with your ButterKit project. For example:

  • “Open my app’s ButterKit file and show me the artboards”
  • “Add French and German localizations with auto-translate”
  • “Upload all screenshots and metadata to App Store Connect”

Tips

  • Claude Code works well for end-to-end workflows: designing screenshots, translating, and uploading in a single session.
  • Pair ButterKit MCP with file system access to automate screenshot pipelines alongside your build process.
  • For step-by-step recipes, see Workflows.

Quick Help