Claude Code

Übergib Claude Code einen Bugfix, einen Test oder eine mehrtägige Migration. Steuere und prüfe alles über dein Terminal, deine IDE, Slack oder das Web.

Verfügbar für macOS, Linux und Windows.
New
Projects New
Artifacts
Customize
More
Pinned
Add a dark mode toggle to settings
Scheduled
Weekly dependency audit
Recents
Fix the double-charge bug in checkout
Write tests for the payments module
Explain what this repo does
Layout's broken on mobile
Debug flaky CI tests
Susan Sample
acme-storefront / Fix the double-charge bug in checkout
We're seeing duplicate charges when customers double-click the pay button. Can you find and fix it?
I can reproduce it: the checkout form fires two POST /charges requests when the button is clicked twice before the first response lands. Tracing where the idempotency key should be.
Read 3 files, searched the checkout flow
Ran agent · Reproduce the double-submit against a test charge
Root cause: createCharge() generates a new idempotency key per call instead of per checkout session, so the gateway treats the second click as a fresh charge. Fixing that and disabling the button while a charge is in flight.
just now Edited charges.ts +9 -3
Describe a task or ask a question
AutoOpusExtra high
New
Projects New
Artifacts
Customize
More
Pinned
Add a dark mode toggle to settings
Scheduled
Weekly dependency audit
Recents
Fix the double-charge bug in checkout
Write tests for the payments module
Explain what this repo does
Layout's broken on mobile
Debug flaky CI tests
Susan Sample
acme-dashboard / Add a dark mode toggle to settings
Add a dark mode toggle to the settings page. Should remember the choice and follow the system default until they pick one.
There's already a ThemeProvider wrapping the app but it's hard-wired to light. I'll lift the mode into context, persist it to localStorage, and add a Light / Dark segmented control under Settings → Appearance.
just now Read 4 files, searched the codebase
src/theme/ThemeProvider.tsx +18 -2
10 export function ThemeProvider({children}: {children: ReactNode}) {
11 const prefersDark = useMediaQuery('(prefers-color-scheme: dark)')
12 const stored = localStorage.getItem('theme')
13 + const [mode, setMode] = useState(stored ?? (prefersDark ? 'dark' : 'light'))
19 return (
20 <ThemeContext.Provider value={{mode, setMode}}>
localhost:5173/settings · Appearance
Theme LightDark
Density DefaultCompact
Reduce motion AusAn
Describe a task or ask a question
AutoOpusExtra high
Andere Möglichkeiten, Claude Code zu nutzen:

Erste Schritte mit Claude Code

Pro

Claude Code ist in deinem Pro-Plan enthalten. Ideal für kurze Coding-Sprints in kleinen Codebasen.

$17

Pro Monat mit jährlichem Abonnementrabatt (200 $ im Voraus fällig). 20 $ bei monatlicher Abrechnung.

Max 5x

Claude Code ist in deinem Max-Plan enthalten. Hervorragendes Preis-Leistungs-Verhältnis für den täglichen Einsatz in größeren Codebasen. Inklusive 100 $ pro Monat in API-Guthaben.

$100

Pro Monat

Max 20x

Noch mehr Claude Code in deinem Max-Plan inklusive. Hervorragendes Preis-Leistungs-Verhältnis für Power-User mit umfangreichen Zugriffsmöglichkeiten auf Claude-Modelle. Inklusive 200 $ pro Monat in API-Guthaben.

$200

Pro Monat

Claude API

Nutzungsbasierte Abrechnung zum Standard-Claude API-Preis. Unbegrenzte Bereitstellung für Entwickler ohne Sitzgebühr oder Plattformkosten.

Team

Claude Code ist im Team plan in Standard- und Premium-Plätzen enthalten. Beinhaltet selbstverwaltetes Seat-Management, bis zu 500 $ pro Monat in gemeinsamen API-Guthaben und Nutzungsguthaben nach Verbrauch zu Standard-API-Tarifen.

$20

Pro Platz / Monat bei jährlicher Abrechnung. Für Teams von 2 bis 150.

Enterprise

Der Enterprise plan enthält alles aus dem Team plan, plus erweiterte Sicherheits-, Daten- und Nutzerverwaltung. Hier mehr erfahren.

Nutzungslimits gelten. Preise verstehen sich ohne anwendbare Steuern. Preise und Pläne können nach Ermessen von Anthropic geändert werden.

Was Claude Code übernehmen kann

Claude Code erstellt den Plan, stellt Rückfragen und bearbeitet Aufgaben, die Stunden oder Tage dauern.

Claude Code herunterladen curl -fsSL https://claude.ai/install.sh | bash
> 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 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 4. Examples - Integration examples (Next.js, browser script) - Shows how to embed Excalidraw in your own app
> Prioritize the open issues in this repo and start with the highest impact fix.
Scanning the issue tracker and recent CI history to understand what's most urgent.
Search(issues: open, labels: ["bug", "priority"], sort: impact)
Found 23 open issues. Prioritizing by user impact and blast radius: 1. Double-charge on retry in checkout flow - payment path, affects revenue (P0) 2. Flaky auth tests blocking CI on main (P1) 3. Memory leak in websocket reconnect loop (P1) 4. Missing pagination on the admin audit log (P2) Starting with the double-charge issue: reproducing it against a test charge first, then patching createCharge() to keep the idempotency key per checkout session.
Ran agent · Reproduce the double-submit against a test charge
Reproduced. Patch ready - running the payments test suite next, then opening a pull request with a focused changelog entry.
> Migrate this project from JavaScript to TypeScript, starting with the core package.
Building a dependency-aware migration plan before touching any code.
Analyze(imports, tsconfig, build scripts)
Plan prepared: - 214 JavaScript files across 6 packages, 38 with no incoming imports (safe leaves, migrate first) - Shared types live in common/ - generate those before converting consumers - Build scripts currently use babel-preset - propose keeping the pipeline and adding tsc --noEmit as a gate Starting now with the leaf modules, running tests after every batch and continuing on failure.
Ran 2 commands · Created tsconfig.json (+14 files in progress)
Batch 1 (38 files) done, 0 test failures. Continuing with the element package; will follow imports through the repo and report at each checkpoint.

Code-Onboarding

Claude Code kartiert und erklärt gesamte Codebasen in wenigen Sekunden. Es nutzt agentische Suche, um Projektstruktur und Abhängigkeiten zu verstehen, ohne dass du manuell Kontextdateien auswählen musst.

Issues in PRs umwandeln

Schluss mit dem Wechsel zwischen Tools. Claude Code arbeitet mit GitHub, GitLab und deinen Befehlszeilentools zusammen, um Issues zu lesen, Code zu schreiben, Tests auszuführen und Pull Requests zu öffnen.

Mehrstündige Refactorings und Migrationen durchführen

Claude Code folgt Imports durch das gesamte Repository, führt deine Tests aus und arbeitet weiter, wenn etwas fehlschlägt.

Trifft dich dort, wo du programmierst

Im Terminal starten

Leistungsstarke Terminal-Integration. Funktioniert mit all deinen CLI-Tools und jeder IDE.

$ curl -fsSL https://claude.ai/install.sh | bash
$ claude "fix the failing payments test"
⏺ Read 3 files, ran the suite
✓ Test passes. Opened a PR with the fix.
curl -fsSL https://claude.ai/install.sh | bash Oder lies die Dokumentation

In deinen Editor integrieren

Native Erweiterungen für VS Code (+ Cursor, Devin Desktop) und JetBrains IDEs.

ThemeProvider.tsx
10 export function ThemeProvider({children}: Props) {
11 const prefersDark = useMediaQuery('(prefers-color-scheme: dark)')
12 const stored = localStorage.getItem('theme')
13 const [mode, setMode] = useState(stored ?? (prefersDark ? 'dark' : 'light'))
… Claude is editing this file inline

Überall verfügbar

Schneller Zugriff über Browser, Mobile App oder Claude auf dem Desktop. Ideal für paralleles Arbeiten oder Coding unterwegs.

claude.ai/code
┌──────────────────────┐
│ ● 3 sessions running │
│ ● 1 waiting for review│
└──────────────────────┘

Coding-Aufgaben in Slack starten

Das sagen Entwickler

“Claude Code hat die Coding-Effizienz unseres Teams dramatisch gesteigert. Ich kann jetzt EDA-Code in einem Notebook schreiben - Daten abrufen, ein Modell trainieren und es mit grundlegenden Metriken evaluieren - und dann Claude bitten, das in eine Metaflow-Pipeline umzuwandeln. Dieser Prozess spart 1-2 Tage Routinearbeit (die oft langweilig ist!) pro Modell.”

Anton Biryukov
Staff Software Engineer, Ramp

Geschichte lesen

“Mit Claude automatisieren wir nicht nur den Kundendienst - wir heben ihn auf echtes menschliches Niveau. Das ermöglicht Support-Teams, strategischer über die Kundenerfahrung nachzudenken und herauszufinden, was Interaktionen wirklich wertvoll macht.”

Fergal Reid
VP of AI, Intercom

Geschichte lesen

“Claude Code hebt unser Team auf eine neue Ebene: Wir entscheiden, was passieren muss, und ebnen den Prozess, damit es End-to-End bauen und verifizieren kann. Ein großer Teil meiner Arbeit besteht jetzt darin, so viele Instanzen von Claude Code wie möglich beschäftigt zu halten.”

Simon Last
Co-founder, Notion

Geschichte lesen
GitnpmDockerAWSVercelPostgresSentryLinearGitHubClaude

Verbindet sich mit deinen bevorzugten Befehlszeilen-Tools

Dein Terminal ist der Ort, an dem echte Arbeit passiert. Claude Code verbindet sich mit den Tools, die die Entwicklung antreiben - Deployment, Datenbanken, Monitoring, Versionskontrolle. Statt einer weiteren Oberfläche, die du jonglieren musst, verbessert es deinen bestehenden Stack.

FAQ

Du kannst Claude Code mit einem Claude Pro oder Max plan, einem Team- oder Enterprise plan oder einem Claude Console-Konto nutzen. Claude Code herunterladen und mit deinen jeweiligen Claude- oder Console-Zugangsdaten anmelden.

Claude Code übernimmt Routineaufgaben wie Bugfixes und Tests sowie größere Vorhaben wie Refactorings und neue Features, die langwierig und asynchron laufen.

Du gibst als Architekt und Orchestrator die Richtung vor - Claude Code erledigt die Arbeit. Beschreibe, was du möchtest, und es plant, schreibt Code, führt Tests aus und öffnet Pull Requests. Es kann mehrere Aufgaben gleichzeitig bearbeiten und stellt dir Entscheidungen vor, die es zum Weitermachen braucht.

Claude Code läuft in deinem Terminal und arbeitet mit deiner bevorzugten IDE und deinen Entwicklungstools zusammen, ohne deinen Workflow zu ändern. Claude Code kann außerdem Befehlszeilen-Tools (wie Git) und MCP-Server (wie GitHub) nutzen, um seine Fähigkeiten mit deinen Tools zu erweitern.

Ja. Claude Code läuft lokal in deinem Terminal und kommuniziert direkt mit den Modell-APIs, ohne einen Backend-Server oder Remote-Code-Index zu benötigen. Außerdem wird vor Änderungen an deinen Dateien oder dem Ausführen von Befehlen um Erlaubnis gebeten.

Claude Code funktioniert unter macOS, Linux und Windows. Vollständige Systemanforderungen ansehen.

Bei Nutzung mit einem Claude Console-Konto verbraucht Claude Code API-Tokens zum Standard-API-Preis.

Ja. Max-, Pro-, Team- und Enterprise-Nutzer können Claude Code in der Claude Desktop-App nutzen.

Der Fast-Modus ist eine Hochgeschwindigkeitskonfiguration für Opus 5.5, die das Modell 2,5-mal schneller macht - bei höheren Kosten pro Token. Der Fast-Modus ist verfügbar:

  • In der Forschungsvorschau auf Claude Code, zum Preis von 8 $/40 $ pro Million Tokens.
  • In verbrauchsbasierten Plänen.
  • Über Nutzungsguthaben für Nutzer mit Abonnementplänen.

Erschaffe, was begeistert.
Pflege, was unverzichtbar ist.

Claude Code dort nutzen, wo du arbeitest

Claude Code herunterladen curl -fsSL https://claude.ai/install.sh | bash