Editor Setup
ShipSaaS provides preconfigured settings for popular AI programming tools such as Codex, Claude Code, and Cursor.
AGENTS.md
Section titled “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
Section titled “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
Section titled “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
Section titled “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 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
Section titled “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
Section titled “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
Section titled “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
Section titled “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