ShipTanStarter DocsEditor Setup
Learn how to set up editors for fast development with ShipTanStarter
ShipTanStarter comes with pre-configured settings for popular AI coding tools (such as Codex, Claude Code and Cursor).
AGENTS.md
The ShipTanStarter 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.
CLAUDE.md
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.
Cloudflare Agent Integration
ShipTanStarter supports seamless integration with Cloudflare, enabling you to deploy directly through AI coding assistants. Cloudflare provides Skills (reusable prompt packages) and MCP servers (Model Context Protocol) that integrate with AI coding agents to enable deployment to Cloudflare.
| Agent | Type | Supported Features |
|---|---|---|
| Claude Code | Terminal agent | Skills + MCP |
| Codex | Terminal agent | Skills + MCP |
| Cursor | AI IDE | Skills + MCP |
| GitHub Copilot | Editor extension + CLI | Skills + MCP |
| OpenCode | Open-source terminal agent | Skills + MCP |
| Windsurf | Agentic IDE | Skills + MCP |
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.
ShipTanStarter 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.
GitLens
GitLens enhances Git capabilities in VSCode/Cursor. It helps you navigate Git repositories, explore commit history, and compare changes right within your editor.
EditorConfig
EditorConfig helps maintain consistent coding styles across different editors and IDEs. It's particularly useful for enforcing consistent code formatting and indentation rules.
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.
Next Steps
Now that your editor is configured, explore these related topics: