Using Claude Code

Claude Code is an AI-powered CLI tool that can help you extend, modify, and debug your exported Buildable projects directly from the terminal.

Getting started

Install Claude Code

npm install -g @anthropic-ai/claude-code

Open your project

Navigate to your exported Buildable project and launch Claude Code:

cd my-buildable-project
claude

Start building

Ask Claude Code to make changes to your project in plain language:

> Add a contact form page with name, email, and message fields
  that sends data to a webhook endpoint

> Add dark mode support with a toggle in the header

> Create an API route that fetches data from my Supabase database

What you can do

Claude Code understands your full project structure and can:

Add new pages and components — describe what you want and it generates the code
Modify existing code — “change the hero background to a gradient”
Add integrations — connect to databases, APIs, and third-party services
Debug issues — paste an error and get a fix
Refactor — “convert this component to use TypeScript interfaces”
Add tests — “write tests for the checkout flow”

Tips for best results

Claude Code works best when you’re specific about what you want. Instead of “make it better”, try “add a loading spinner to the submit button that shows while the form is submitting”.

Start with small changes and build up
Reference specific files when the project gets large
Use /help in Claude Code to see available commands
Review changes before committing — Claude Code shows you diffs

Getting Started

Prototyping

Campaign Studio

Developer Guides

Using Claude Code

Using Claude Code

Getting started

What you can do

Tips for best results

​Using Claude Code

​Getting started

​What you can do

​Tips for best results

Using Claude Code

Getting started

What you can do

Tips for best results