MCP Server Setup
This guide walks you through setting up the Tailwind MCP Server with your AI assistant.
Prerequisites
- Node.js 18 or later installed
- A Tailwind account with API access
- Your Tailwind API key
- Claude Desktop, Cursor, or another MCP-compatible client
Installation
-
Locate your Claude Desktop config file
- macOS:
~/Library/Application Support/Claude/claude_desktop_config.json - Windows:
%APPDATA%\Claude\claude_desktop_config.json
- macOS:
-
Edit the configuration
Open the file and add the Tailwind MCP server:
{"mcpServers": {"tailwind": {"command": "npx","args": ["-y", "@tailwindapp/mcp-server"],"env": {"TAILWIND_API_KEY": "your_api_key_here"}}}} -
Restart Claude Desktop
Quit and reopen Claude Desktop to load the new configuration.
-
Verify the connection
Ask Claude: “What Pinterest accounts do I have connected to Tailwind?”
If configured correctly, Claude will list your accounts.
-
Open Cursor Settings
Go to Settings > Features > MCP Servers
-
Add the Tailwind server
Click “Add Server” and enter:
- Name:
tailwind - Command:
npx - Arguments:
-y @tailwindapp/mcp-server
- Name:
-
Set the environment variable
Add your API key to the environment:
TAILWIND_API_KEY=your_api_key_here -
Save and restart
Save the configuration and restart Cursor.
-
Test the connection
In a chat, ask about your Tailwind accounts to verify it’s working.
The MCP Server follows the standard MCP protocol. Configure your client with:
- Command:
npx -y @tailwindapp/mcp-server - Environment:
TAILWIND_API_KEY=your_api_key
Refer to your client’s documentation for specific configuration steps.
Configuration Options
Environment Variables
| Variable | Required | Description |
|---|---|---|
TAILWIND_API_KEY | Yes | Your Tailwind API key |
TAILWIND_API_URL | No | Custom API URL (for development) |
Full Configuration Example
{ "mcpServers": { "tailwind": { "command": "npx", "args": ["-y", "@tailwindapp/mcp-server"], "env": { "TAILWIND_API_KEY": "tw_live_abc123...", "TAILWIND_API_URL": "https://api-v1.tailwind.ai" } } }}Troubleshooting
”Server not found” or connection errors
- Verify Node.js is installed:
node --version - Check that npx is available:
npx --version - Ensure your API key is correct
- Restart your AI assistant application
”Unauthorized” errors
- Verify your API key is valid in Tailwind settings
- Check the key hasn’t been revoked
- Ensure the key is correctly copied without extra spaces
Server starts but no tools appear
- Wait a few seconds - the server needs to initialize
- Try asking about your accounts to trigger the connection
- Check your client’s MCP server logs for errors
Viewing Server Logs
Logs are available at:
- macOS:
~/Library/Logs/Claude/mcp-*.log - Windows:
%APPDATA%\Claude\logs\mcp-*.log
Check the Output panel and select “MCP” from the dropdown.
Verifying Your Setup
Once configured, try these commands to verify everything works:
- Check accounts: “List my Pinterest accounts”
- View boards: “What boards do I have on [account name]?”
- See scheduled posts: “Show me my queued posts”
- Create a test draft: “Create a draft pin with the image https://example.com/test.jpg”
Security Best Practices
- Use environment variables - Never hardcode API keys in shared configs
- Rotate keys periodically - Generate new keys every few months
- Use separate keys - Create dedicated keys for the MCP server
- Monitor usage - Check your API usage in Tailwind settings