dashcraft-mcp-codegen

MCP server — convert dashboard images to dashcraft-core React code

latest

npm

Version: 0.1.0

Version published: 2 months ago

Weekly downloads: 15

Maintainers: 1

Weekly downloads

Created: 2 months ago

Source

dashcraft-mcp-codegen

MCP server that turns a dashboard screenshot into working dashcraft-core React code — for Claude Desktop, Cursor, and any MCP client.

Install

npm install -g dashcraft-mcp-codegen

Configure (Claude Desktop / Cursor)

{
  "mcpServers": {
    "dashcraft": {
      "command": "dashcraft-codegen"
    }
  }
}

Set ANTHROPIC_API_KEY in the server environment for the vision step.

Tools

Tool	What it does
`analyze_dashboard`	Reads a dashboard image and returns its widgets + grid layout as JSON
`generate_code`	Emits a ready-to-use `dashcraft-core` TSX component from that analysis
`generate_project`	Returns a complete, runnable Vite + React + TS project (as a zip)

Generated code targets the current dashcraft-core API: widgets render their own card and are positioned with defaultPosition / defaultSize under a <Dashboard persistenceKey ... defaultEditMode>.