Cursor MCP | Sticklight CMS

Connect Sticklight to Cursor for code-aware app building with full editor access. Cursor is an AI-native code editor that lets you see and edit the generated code alongside the AI conversation.

For general MCP concepts like previews, projects, and prompt strategies, see About Sticklight MCP.

Why Cursor

Good for:

Developers who want code access during builds
Agencies with technical team members who review code
Creators learning to code while building

Standout features:

Full code editor with AI assistance
Agent mode for complex multi-step tasks
Direct file access to your Sticklight project code

Prerequisites

Cursor installed (free or Pro)
A Sticklight account

Step-by-Step Setup

1. Locate your MCP configuration file

Cursor uses a JSON configuration file for MCP servers. The file location depends on your operating system:

macOS: ~/.cursor/mcp.json
Windows: %USERPROFILE%\.cursor\mcp.json
Linux: ~/.cursor/mcp.json

If the file doesn’t exist, create it.

2. Add the Sticklight server

Open the file and add (or update) the configuration:

{
  "mcpServers": {
    "sticklight": {
      "url": "https://mcp.sticklight.com/mcp"
    }
  }
}

If you have other MCP servers configured, add Sticklight alongside them:

{
  "mcpServers": {
    "sticklight": {
      "url": "https://mcp.sticklight.com/mcp"
    },
    "other-server": {
      "url": "https://example.com/mcp"
    }
  }
}

3. Restart Cursor

Close and reopen Cursor, or reload MCP servers from Settings -> MCP.

4. Authenticate

The first time you use a Sticklight command, Cursor may prompt you to authenticate. Alternatively, it will add a “connect” button in the Sticklight row within the MCP settings. Complete the Sticklight login to proceed.

5. Use Agent mode

For the best experience, use Cursor’s Agent mode. Open the AI chat panel and select Agent instead of Chat.

Your First Build

In Agent mode, try:

“Use Sticklight to create a SaaS dashboard for a project management tool. Include a sidebar navigation, a main dashboard with project cards showing status and progress, a team members section, and a settings page. Make it feel modern and productive.”

Cursor builds the app and you can see the generated code in the editor as it works.

Editing Code Directly

After Sticklight creates your app, you can:

Open the project in Sticklight Studio to see all files
Make code edits directly in Cursor using Sticklight’s export features
Continue prompting for changes while reviewing the code

This hybrid workflow suits creators who want AI speed with manual control.

Cursor-Specific Tips

Use Agent mode – Agent mode handles multi-step tasks better than Chat mode. It can create, test, and iterate without you managing each step.

Review as it builds – Watch the code appear in the editor pane. You’ll learn patterns and spot issues early.

Combine AI and manual edits – Build the structure with prompts, then fine-tune specific components by hand. Cursor’s AI assistance helps with both.

Export for local development – Use Sticklight’s export features to pull the code into your local environment for deployment or version control.

Troubleshooting

Cursor doesn’t show Sticklight tools

Reload the MCP server configuration
Verify the URL ends with /mcp
Check that authentication completed successfully
Restart Cursor

Config file not found

Create the file manually at the path for your OS. Make sure it’s valid JSON.

Preview not loading

See the troubleshooting section in About Sticklight MCP.

FAQ

Do I need Cursor Pro?

No. The free version of Cursor works with Sticklight MCP. Pro adds more AI features but isn’t required for the integration.

Can I edit the code Sticklight generates?

Yes. Open the project in Sticklight Studio or export it. You can also continue prompting for changes in Cursor while reviewing the code.