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.
{ "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.
Windsurf's agentic workflow benefits from a dedicated rules file plus a hook that can run right after generated edits land.
Ultracite keeps Windsurf aligned with standard VS Code workspace settings instead of forcing a separate editor-only config path.
The combination of rules and hooks reduces the amount of cleanup you need after Codeium agents make broad file changes.
Workflow tips for Windsurf
Keep Ultracite present in the day-to-day Windsurf workflow with a few editor-specific habits, not just a one-time setup.
Start with the shared .vscode/settings.json so Windsurf follows the repo's formatter and save-time fixes.
Add .windsurf/rules/ultracite.md to steer Codeium agents toward Ultracite's code standards before they write code.
Turn on .windsurf/hooks.json if you want Ultracite to run automatically after Windsurf finishes writing files.
Windsurf FAQ
Editor-specific answers for teams rolling out Ultracite in Windsurf.
Compare Windsurf with other Ultracite-supported editors
These nearby setups make it easier to compare how Ultracite handles shared settings, AI rules, and editor-specific workflow details.
CodeBuddy 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.
Cursor 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.
IBM Bob works well with Ultracite when you pair shared Visual Studio Code workspace settings with `AGENTS.md` rules—matching the standard format while keeping editor behavior predictable.
Trusted by top companies
And used by thousands of open source projects.
What the community is saying
Here's what some of the most innovative and forward-thinking developers in the React ecosystem have to say about Ultracite.