IDE setup
Configuring Cursor for Zeno development
Zeno requires Cursor, an AI code editor built on VS Code. The project relies on Cursor hooks, which plain VS Code doesn't run.
The repo includes the extension recommendations, editor settings, formatter config and Cursor hook, so you only need to open the project in Cursor and install the recommended extensions.
Recommended extensions
.vscode/extensions.json lists the recommended extensions, so Cursor prompts you to install them when you open the project. You can also install them by hand:
| Extension | Purpose |
|---|---|
| Biome | Linting & formatting |
| Tailwind CSS IntelliSense | Tailwind autocomplete |
| Tailwind Fold | Collapse long Tailwind class lists |
| MDX | MDX language support |
| Pretty TypeScript Errors | Readable TypeScript errors |
| Vitest | Test runner integration |
| Playwright Test | E2E test runner |
Settings
The repo ships a .vscode/settings.json. The main settings are:
- Biome is the default formatter for all supported file types (TypeScript, JavaScript, JSON, HTML, CSS, MDX, etc.)
- Format on save and format on paste are enabled
- Code actions on save fix lint issues and organize imports
- CSS files open in the
tailwindcsslanguage mode, so Tailwind IntelliSense works in them - TypeScript SDK points to the workspace
node_modulesversion
Because the file is committed, every clone gets these settings.
Cursor configuration
The .cursor/ directory contains project-specific AI configuration:
- Rules: AI-specific coding standards loaded automatically for matching files
- Hooks: auto-format and lint after every AI-generated file edit
See AI setup for details.