@teddybearr/content-design-mcp

MCP server for Playtomic UX content design guidelines. Provides tone, voice, style rules, and a copy validation tool to any MCP-compatible client.

What it exposes

Resources

| URI | Description | |-----|-------------| | content-design://guidelines | Full content design guidelines (tone, voice, style, per-element rules) | | content-design://workflow | Step-by-step workflow for writing and reviewing UI copy |

Tools

validate_copy — Validate UI copy against the guidelines.

| Parameter | Type | Required | Description | |-----------|------|----------|-------------| | copy | string | yes | The UI copy text to validate | | element_type | enum | yes | button, modal, empty_state, error, admonition, link, other | | has_icon | boolean | no | Whether the button has an icon (reduces character limit from 27 to 24) |

Checks: character limits, sentence case, punctuation rules, forbidden patterns (dashes, semicolons), and element-specific rules (no "sorry" in errors, no "click here" in links).

Prompts

generate-copy — Reusable prompt template with all guidelines and workflow baked in.

| Argument | Required | Description | |----------|----------|-------------| | element_type | yes | UI element type to write copy for | | screen | no | Screen or feature context | | user_scenario | no | hurried, stressed, excited, or exploring |

Setup

Cursor

Add to .cursor/mcp.json in your project (or global Cursor settings):

{
  "mcpServers": {
    "content-design": {
      "command": "npx",
      "args": ["-y", "@teddybearr/content-design-mcp"]
    }
  }
}

Claude Code

Add to your Claude Code MCP configuration:

{
  "mcpServers": {
    "content-design": {
      "command": "npx",
      "args": ["-y", "@teddybearr/content-design-mcp"]
    }
  }
}

VS Code (Copilot)

Add to .vscode/mcp.json:

{
  "servers": {
    "content-design": {
      "command": "npx",
      "args": ["-y", "@teddybearr/content-design-mcp"]
    }
  }
}

Local development

npm install
npm run build
node dist/index.js

Publishing

npm login
npm publish --access public