Frame0 is a Balsamiq-alternative wireframe tool for modern apps. Muzika Frame0 MCP Server is a customized version that allows you to create and modify wireframes in Frame0 specifically for the Muzika music analytics project.

Muzika is a comprehensive music band and artist data management system designed to capture and analyze complex relationships in the music industry:

• Artist career paths: Track artists moving between bands
• Temporal relationships: When artists were in which bands
• Cross-band connections: Find artists who played together
• Career timeline analysis: Complete artist journey visualization

Prerequisite:

• Frame0 v1.0.0-beta.17 or higher.
• Node.js v22 or higher.

Setup for Claude Desktop in claude_desktop_config.json as below:

{
  "mcpServers": {
    "muzika-frame0-mcp-server": {
      "command": "npx",
      "args": ["-y", "muzika-frame0-mcp-server"]
    }
  }
}

You can use --api-port=<port> optional parameter to use another port number for Frame0's API server.

• "Create a music analytics dashboard for Desktop in Frame0"
• "Create an artist career timeline visualization for Tablet in Frame0"
• "Create a band member relationship diagram for Desktop in Frame0"
• "Create a music project timeline for Phone in Frame0"
• "Add a cross-band connection visualization"
• "Create a music genre analytics chart"
• "Design a music industry network graph"

• create_frame
• create_rectangle
• create_ellipse
• create_text
• create_line
• create_polygon
• create_connector
• create_icon
• create_image
• update_shape
• duplicate_shape
• delete_shape
• search_icons
• move_shape
• align_shapes
• group
• ungroup
• set_link
• export_shape_as_image
• add_page
• update_page
• duplicate_page
• delete_page
• get_current_page_id
• set_current_page_by_id
• get_page
• get_all_pages
• export_page_as_image
• save_file
• save_file_as
• save_file_to_path
• save_file_to_muzika_wireframes

• save_file: Saves the current document to its existing location (use when modifying existing files)
• save_file_as: Saves with a new filename to muzika/wireframes directory
• save_file_to_path: Saves to a specific path (optional path parameter)
• save_file_to_muzika_wireframes: Creates a new timestamped file in muzika/wireframes (use for new wireframes)

• create_music_dashboard
• create_artist_timeline
• create_band_relationship_diagram
• create_music_analytics_chart
• create_cross_band_connections

1. Clone this repository.
2. Build with npm run build.
3. Update claude_desktop_config.json in Claude Desktop as below.
4. Restart Claude Desktop.

{
  "mcpServers": {
    "muzika-frame0-mcp-server": {
      "command": "node",
      "args": ["<full-path-to>/muzika-frame0-mcp-server/build/index.js"]
    }
  }
}

This MCP server is specifically designed to help create wireframes for:

1. Artist Career Dashboards: Visualize artist career paths and transitions
2. Band Relationship Networks: Show connections between bands and artists
3. Temporal Analytics: Timeline-based visualizations of music industry data
4. Cross-Band Analysis: Identify artists who played in multiple bands
5. Music Project Tracking: Album and project timeline visualizations

This is a fork of the original frame0-mcp-server by @niklauslee, customized for the Muzika music analytics project.

MIT License - see LICENSE file for details.