Windsurf MCP | Sticklight CMS

Connect Sticklight to Windsurf for fast prototyping in a modern editor. Windsurf (by Codeium) combines AI chat with speed-optimized responses, making it ideal for quickly spinning up prototypes or iterating through variations.

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

Why Windsurf

Good for:

Rapid client prototypes and demos
Testing multiple directions quickly
Creators who want a lightweight but powerful editor

Standout features:

Fast AI responses optimized for flow state
Cascade feature for multi-file edits
Clean, minimal interface

Prerequisites

Windsurf installed
A Sticklight account

Step-by-Step Setup

1. Open Windsurf settings

Click the gear icon or use the command palette to open settings.

2. Navigate to MCP configuration

Find the MCP or AI Servers section in settings.

3. Add Sticklight as a server

Add a new MCP server with:

Name: Sticklight
URL: https://mcp.sticklight.com/mcp
Authentication: OAuth

Alternatively, edit your MCP configuration file directly:

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

4. Authenticate

Connect and complete the Sticklight OAuth flow when prompted.

5. Start building

Open the AI chat panel and start prompting.

Your First Build

Try this prompt:

“Use Sticklight to create a portfolio site for a UX designer. Include a minimal hero with name and title, a case studies grid with hover effects, an about section with a personal photo placeholder, and a contact form. Keep it clean and let the work speak for itself.”

Windsurf’s speed makes it easy to iterate. Try variations quickly.

Windsurf-Specific Tips

Embrace speed – Windsurf is optimized for quick iterations. Try multiple directions: “Make it bolder,” “Make it more minimal,” “Try a dark theme.”

Use for client pitches – Generate 3-4 different directions in the time it would take to mockup one. Show real prototypes, not static comps.

Cascade for complex changes – Windsurf’s Cascade feature handles multi-file edits. Use it for sweeping design changes across your project.

Stay in flow – Windsurf’s minimal interface and fast responses help maintain focus. Use it when you want to move fast without distractions.

Troubleshooting

Windsurf doesn’t show Sticklight tools

Reload the MCP server configuration
Verify the URL ends with /mcp
Check that authentication completed successfully
Restart Windsurf or refresh the workspace

Preview not loading

See the troubleshooting section in About Sticklight MCP.

FAQ

Is Windsurf free?

Windsurf has a free tier with limited AI usage. Check Codeium’s pricing for current plans.

How does Windsurf compare to Cursor?

Both are AI-native editors. Windsurf is optimized for speed and flow. Cursor has deeper code understanding. Try both and see what fits your style.