Windsurf
Windsurf has first-class MCP support
out of the box. Configuration lives at ~/.codeium/windsurf/mcp_config.json:
{ "mcpServers": { "helixui": { "command": "node", "args": ["/absolute/path/to/your/project/node_modules/@helixui/mcp/bin/server.mjs"] } }}Restart Windsurf. The Cascade panel will show helixui under “Connected
servers” and the eight helixui.* tools become available.
Combine with .windsurfrules
Windsurf also supports a project-level .windsurfrules file in the
same format as Cursor’s. The
.cursorrules template on
the Cursor page works as-is — just rename it.
What’s special about Windsurf + helixui
Windsurf’s Cascade can run multi-step plans. helixui’s MCP server plays well here because each tool is idempotent and returns structured results. A typical Cascade plan against helixui:
1. helixui.list_presets — fetch the five built-in presets.2. helixui.express_dna(noir) — turn noir into a DESIGN.md.3. helixui.parse_design(...) — sanity-check the DESIGN.md round-trips.4. helixui.validate(jsx) — verify the page Cascade generated uses only legal components and props.Each step’s output feeds the next without leaving the chat.
Troubleshooting
- “Server failed to start.” Check that the path in
mcp_config.jsonis absolute, not relative. - “Tools list is empty.” Run
pnpm build:allonce. The server reads manifests fromapps/site/dist/. - “helixui.derive_dna_from_image throws.” Add
OPENAI_API_KEYorANTHROPIC_API_KEYto theenvblock of yourmcp_config.json, not to your shell.