# 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**:

```json
{  "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](/content/editors/codebuddy/index.html) |
| 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](/content/editors/cursor/index.html) |
| 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](/content/editors/bob/index.html) |

## Install in seconds. Run in milliseconds.

Install Ultracite and start shipping code faster in seconds.