Editor Setup

TanStarter comes with pre-configured settings for popular AI coding tools (such as Codex, Claude Code and Cursor).

AGENTS.md

The TanStarter template includes a built-in AGENTS.md file that provides AI coding assistants (like Codex and Cursor) with project context, development guidelines, and coding standards.

When you use Codex or Cursor, they will automatically read this file to understand the project structure and generate more accurate code suggestions.

The template also includes a CLAUDE.md file specifically for Claude Code. This file serves the same purpose as AGENTS.md — providing project context, coding conventions, and development workflow instructions — but is tailored to the format that Claude Code reads.

When you run Claude Code in the project directory, it will automatically load CLAUDE.md to understand your project.

Recommended IDE Extensions

The project includes a .vscode/extensions.json file that will prompt you to install recommended extensions when you open the project in VSCode or Cursor. We recommend installing them right away. TanStarter works best with the following extensions:

Biome

Biome is a powerful formatter and linter for JavaScript and TypeScript projects. It's a high-performance replacement for tools like ESLint and Prettier, providing both formatting and linting capabilities in a single, fast package.

Download Biome extension

GitLens

GitLens enhances Git capabilities in VSCode/Cursor. It helps you navigate Git repositories, explore commit history, and compare changes right within your editor.

Download GitLens extension

EditorConfig

EditorConfig helps maintain consistent coding styles across different editors and IDEs. It's particularly useful for enforcing consistent code formatting and indentation rules.

Download EditorConfig extension

Tailwind CSS IntelliSense

Tailwind CSS IntelliSense provides autocomplete suggestions for Tailwind CSS classes, linting, and hover previews, making it much easier to work with Tailwind CSS.

Download Tailwind CSS IntelliSense

Next Steps

Now that your editor is configured, explore these related topics:

Project Structure

Understand the template project structure

Linting & Formatting

Use linting and formatting

Environment Setup

Configure environment variables

Updating the Codebase

Update project codebase