Editor Setup
Learn how to configure your editor for the best development experience with ShipSaaS
ShipSaaS provides preconfigured settings for popular AI programming tools such as Codex, Claude Code, and Cursor.
AGENTS.md
The ShipSaaS template includes a built-in AGENTS.md file that provides project context, development guidelines, and coding standards for AI programming assistants like Codex and Cursor.
When you use Codex or Cursor, they automatically read this file to understand the project structure, allowing them to generate more accurate code suggestions.
CLAUDE.md
The template also includes a CLAUDE.md file designed specifically for Claude Code. This file serves the same purpose as AGENTS.md—providing project context, coding standards, and development workflows—but is formatted specifically for Claude Code.
When you run Claude Code in your project directory, it automatically loads CLAUDE.md to understand your project.
Cloudflare Agent Integration
ShipSaaS supports seamless integration with Cloudflare, allowing you to deploy directly to Cloudflare using AI programming assistants.
Cloudflare provides Skills (reusable skill 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 | Agent IDE | Skills + MCP |
Recommended IDE Extensions
The project includes a .vscode/extensions.json file. When you open the project in VSCode or Cursor, you will be prompted to install recommended extensions. We recommend installing them immediately, as ShipSaaS works best with the following extensions:
Biome
Biome is a powerful tool for formatting and linting JavaScript and TypeScript projects. It is a high-performance alternative to tools like ESLint and Prettier, providing formatting and linting in a single, fast package.
GitLens
GitLens enhances Git capabilities within VSCode/Cursor. It helps you navigate Git repositories, view commit histories, and compare changes directly within the editor.
EditorConfig
EditorConfig helps maintain consistent coding styles across different editors and IDEs. It is particularly useful for enforcing consistent code formatting and indentation rules.
Download EditorConfig Extension
Tailwind CSS IntelliSense
Tailwind CSS IntelliSense makes Tailwind CSS much easier to use by providing autocomplete suggestions, code checking, and hover previews for Tailwind CSS classes.
Download Tailwind CSS IntelliSense
Next Steps
Now that your editor is configured, explore these related topics:
-
Project Structure - Understand the template's project structure
-
Linting and Formatting - Use code linting and formatting
-
Environment Configuration - Configure environment variables
-
Changelog - Update your project's codebase