Ultracite for Windsurf

Use Ultracite with Windsurf to pair standard VS Code workspace settings with Windsurf-specific rules and optional hooks that tidy AI-generated edits after every write.

Setup files for Windsurf

Ultracite uses these Windsurf settings, rules, and hooks files to keep editor behavior and AI output aligned with your repo standards.

Workspace settings

This workspace settings file keeps Windsurf aligned with Ultracite for format on save, auto-fixes, and TypeScript defaults.

File: .vscode/settings.json

JSON config:

{  "editor.defaultFormatter": "esbenp.prettier-vscode",  "editor.formatOnPaste": true,  "editor.formatOnSave": true,  "emmet.showExpandedAbbreviation": "never",  "js/ts.tsdk.path": "node_modules/typescript/lib",  "js/ts.tsdk.promptToUseWorkspaceVersion": true,  "[css]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[graphql]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[html]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[javascript]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[javascriptreact]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[json]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[jsonc]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[markdown]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[mdx]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[svelte]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[typescript]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[typescriptreact]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[vue]": {    "editor.defaultFormatter": "biomejs.biome"  },  "[yaml]": {    "editor.defaultFormatter": "biomejs.biome"  },  "editor.codeActionsOnSave": {    "source.fixAll.biome": "explicit",    "source.organizeImports.biome": "explicit"  }}

Why Windsurf teams choose Ultracite

  • Codeium's agentic IDE that combines AI assistance with a powerful VS Code-based development environment.
  • Built for post-write automation.
  • Reuses the same workspace configuration as VS Code.
  • Keeps agent-driven edits reviewable.

Workflow tips for Windsurf

  1. Start with the shared .vscode/settings.json so Windsurf follows the repo's formatter and save-time fixes.
  2. Add .windsurf/rules/ultracite.md to steer Codeium agents toward Ultracite's code standards before they write code.
  3. Turn on .windsurf/hooks.json if you want Ultracite to run automatically after Windsurf finishes writing files.

Windsurf FAQ

Why would I use both Windsurf rules and hooks?

Does Windsurf still use the same workspace settings file as Visual Studio Code?

When are Windsurf hooks most useful?

Compare Windsurf with other Ultracite-supported editors

Editor Description Link
CodeBuddy Tencent Cloud's AI code editor. Works best with Ultracite when you combine committed workspace settings, a branded project memory file, and optional PostToolUse hooks that clean up AI edits after they land. Details
Cursor The AI-first code editor. Works best with Ultracite when you combine committed workspace settings, a dedicated Cursor rules file, and optional post-edit hooks that run after AI-driven changes land in your repo. Details
IBM Bob IBM's AI coding assistant. Works well with Ultracite when you pair shared Visual Studio Code workspace settings with AGENTS.md rules. Details

Install in seconds. Run in milliseconds.

Install Ultracite and start shipping code faster in seconds.