Claude Code
Work with Claude directly in your codebase. Build, debug, and ship from your terminal, IDE, Slack, web, and more.
Available for macOS, Linux, and Windows.
export function ThemeProvider({children}: {children: ReactNode}) { const prefersDark = useMediaQuery('(prefers-color-scheme: dark)') const stored = localStorage.getItem('theme') const [mode, setMode] = useState(stored ?? (prefersDark ? 'dark' : 'light')) useEffect(() => { localStorage.setItem('theme', mode) }, [mode]) return ( <ThemeContext.Provider value={{mode, setMode}}> {children}
Get started with Claude Code
Pro
Claude Code is included in your Pro plan. Perfect for short coding sprints in small codebases.
Max 5x
Claude Code is included in your Max plan. Great value for everyday use in larger codebases.
Max 20x
Even more Claude Code included in your Max plan. Great value for power users with the most access to Claude models.
Usage limits apply. Prices shown don't include applicable tax. Price and plans are subject to change at Anthropic's discretion.
Latest feature announcements
What could you do with Claude Code?
I'm new to this codebase. Can you explain it to me?
⏺︎ I'll analyze the Excalidraw codebase structure and provide a high-level overview.
⏺︎ Analyze(what: "Excalidraw codebase structure and provide a high-level overview of what it is, its main components, and how they're organized. Focus on understanding the project's purpose, architecture, and key features.")
Excalidraw is an open-source virtual whiteboard application with a hand-drawn style. It's designed for creating diagrams, wireframes, and collaborative drawings.
## Purpose
- Web-based drawing tool with infinite canvas
- Hand-drawn aesthetic with support for shapes, arrows, text
- End-to-end encrypted collaboration
- Works offline as a PWA (Progressive Web App)
## Architecture
The project is organized as a monorepo with these main components:
1. Core Package (packages/excalidraw)
- React component library for embedding Excalidraw in any application
- Handles drawing, rendering, and core functionality
- Uses roughjs for the hand-drawn style
- Includes export capabilities (PNG, SVG)
2. Web Application (excalidraw-app/)
- Full-featured web app at excalidraw.com
- Built on top of the core package
- Adds collaboration features, local storage, sharing
3. Support Packages
- common - Shared utilities and constants
- element - Element manipulation and type definitions
- math - Mathematical functions for drawing
- utils - General utility functions
4. Examples
- Integration examples (Next.js, browser script)
- Shows how to embed Excalidraw in different environments
5. Documentation (dev-docs/)
- API documentation
- Integration guides
- Component documentation
## Key Features
- Real-time collaboration with end-to-end encryption
- Export to various formats (PNG, SVG, JSON)
- Customizable drawing tools (rectangle, circle, arrows, freehand)
- Dark mode support
- Localization
- Library of shapes and components
- Arrow bindings and labels
- Image support
## Technology Stack
- React for UI
- TypeScript for type safety
- Firebase for collaboration backend
- Jotai for state management
- Vite for development and building
- IndexedDB/LocalStorage for offline storage
The architecture allows for both using Excalidraw as a component in other applications and as a standalone web application with additional features.Code onboarding
Claude Code maps and explains entire codebases in a few seconds. It uses agentic search to understand project structure and dependencies without you having to manually select context files.
Turn issues into PRs
Stop bouncing between tools. Claude Code integrates with GitHub, GitLab, and your command line tools to handle the entire workflow—reading issues, writing code, running tests, and submitting PRs—all from your terminal.
Make powerful edits
Claude Code's understanding of your codebase and dependencies enables it to make powerful, multi-file edits that work.
Meets you where you code
Start in your terminal
Super powerful terminal integration. Works with all your CLI tools alongside any IDE.
Integrate with your editor
Native extensions for VS Code (+ Cursor, Devin Desktop) and JetBrains IDEs.
Access anywhere
Quick access from browser, mobile app, or Claude on desktop. Great for parallel work or on-the-go coding.