IDE Setup
Configuring Cursor for Zeno development
Zeno requires Cursor, an AI-powered code editor built on VSCode. The project relies on Cursor-specific features like AI rules and hooks that are not available in plain VSCode.
Everything is preconfigured — extensions, editor settings, formatter, and AI rules are all committed to the repo. Just open the project in Cursor and you're ready to go.
Recommended Extensions
The repo includes a .vscode/extensions.json file that prompts you to install the recommended extensions when you open the project. You can also install them manually:
| 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 TS errors |
| Vitest | Test runner integration |
| Playwright Test | E2E test runner |
Settings
The repo ships a .vscode/settings.json with preconfigured settings. Key highlights:
- 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 automatically fix lint issues and organize imports
- CSS files are associated with
tailwindcssfor IntelliSense support - TypeScript SDK points to the workspace
node_modulesversion
These settings are committed to the repo, so you get them automatically when you clone.
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.