Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions Dockerfile
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Generated by https://smithery.ai. See: https://smithery.ai/docs/build/project-config
FROM node:lts-alpine

# Create app directory
WORKDIR /app

# Install dependencies
COPY package.json package-lock.json tsconfig.json ./
RUN npm ci

# Copy source code
COPY src ./src
COPY public ./public

# Build the TypeScript code
RUN npm run build

# Remove dev dependencies
RUN npm prune --production

# Expose no port (stdio server)

# Default command to run the MCP server
CMD ["node", "dist/server.js"]
11 changes: 11 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
# @magicuidesign/mcp

[![npm version](https://badge.fury.io/js/@magicuidesign%2Fmcp.svg?icon=si%3Anpm)](https://badge.fury.io/js/@magicuidesign%2Fmcp)
[![smithery badge](https://smithery.ai/badge/@magicuidesign/mcp)](https://smithery.ai/server/@magicuidesign/mcp)

Official ModelContextProtocol (MCP) server for [Magic UI](https://magicui.design/).

Expand All @@ -10,6 +11,16 @@ Official ModelContextProtocol (MCP) server for [Magic UI](https://magicui.design

## Install MCP configuration

### Installing via Smithery

To install Magic UI Component Server for Claude Desktop automatically via [Smithery](https://smithery.ai/server/@magicuidesign/mcp):

```bash
npx -y @smithery/cli install @magicuidesign/mcp --client claude
```

### Installing Manually

```bash
npx @magicuidesign/cli@latest install <client>
```
Expand Down
12 changes: 12 additions & 0 deletions smithery.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
# Smithery configuration file: https://smithery.ai/docs/build/project-config

startCommand:
type: stdio
commandFunction:
# A JS function that produces the CLI command based on the given config to start the MCP on stdio.
|-
(config) => ({ command: 'node', args: ['dist/server.js'], env: {} })
configSchema:
# JSON Schema defining the configuration options for the MCP.
type: object
exampleConfig: {}