data-precedence="next"> data-precedence="next"> data-precedence="next"> data-precedence="next"> data-precedence="next">

Claude Code

Claude Code is an agent that reads your codebase, edits files, and runs commands across your terminal, IDE, desktop app, and browser. Build, debug, and ship with natural language.

Available for macOS, Linux, and Windows. Read the documentation

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
src/theme/ThemeProvider.tsx
10export 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'))
14 
15+ useEffect(() => {
16+ localStorage.setItem('theme', mode)
17+ }, [mode])
18 
19 return (
20 <ThemeContext.Provider value={{mode, setMode}}>
21 {children}

Done — the Appearance section now has the toggle. Preview's on the right; flip it and the whole app should follow. Reduce-motion and density rows are stubbed so the page doesn't look bare.

just now
#112acme-dashboardclaude/settings-dark-mode-Xk4fq CI
Extra high

Get started with Claude Code

Pro

Claude Code is included in your Pro plan. Perfect for short coding sprints in small codebases.

$18

Per month with annual subscription discount ($220 billed up front). $22 if billed monthly.

Try Claude (opens in new tab)

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.

Prices include 10% JCT

Usage limits apply. Price and plans are subject to change at Anthropic's discretion.

Meets you where you code

Claude Code running in a terminal

Start in your terminal

Super powerful terminal integration. Works with all your CLI tools alongside any IDE.

Claude Code extension in VS Code

Integrate with your editor

Native extensions for VS Code (+ Cursor, Devin Desktop) and JetBrains IDEs.

Claude Code on the web

Access anywhere

Quick access from browser, mobile app, or Claude on desktop. Great for parallel work or on-the-go coding.

Kick off coding tasks in Slack

What developers are saying

  • Claude Code has dramatically accelerated our team's coding efficiency. I can now write EDA code in a notebook—pulling data, training a model, and evaluating it with basic metrics—and then ask Claude to convert that into a Metaflow pipeline. This process saves 1-2 days of routine (and often boring!) work per model.

    Anton Biryukov, Staff Software Engineer

    Read story
  • With Claude, we're not just automating customer service—we're elevating it to truly human quality. This lets support teams think more strategically about customer experience and what makes interactions genuinely valuable.

    Fergal Reid, VP of AI

    Read story
  • Claude Code is moving our team up a level: we decide what needs to happen, and smooth the process so it can build and verify end-to-end. A big part of my job now is to keep as many instances of Claude Code busy as possible.

    Simon Last, Co-founder

    Read story

Connects with your favorite command line tools

Your terminal is where real work happens. Claude Code connects with the tools that power development—deployment, databases, monitoring, version control. Rather than adding another interface to juggle, it enhances your existing stack.

FAQ

Claude Code by Anthropic | AI Coding Agent, Terminal, IDE