Claude Quickstarts Development Guide

Legal

• When changes are made to files that have a copyright notice add them to that subdirectory's CHANGELOG.md file.

Computer-Use Demo

Setup & Development

• Setup environment: ./setup.sh
• Build Docker: docker build . -t computer-use-demo:local
• Run container: docker run -e ANTHROPIC_API_KEY=$ANTHROPIC_API_KEY -v $(pwd)/computer_use_demo:/home/computeruse/computer_use_demo/ -v $HOME/.anthropic:/home/computeruse/.anthropic -p 5900:5900 -p 8501:8501 -p 6080:6080 -p 8080:8080 -it computer-use-demo:local

Testing & Code Quality

• Lint: ruff check .
• Format: ruff format .
• Typecheck: pyright
• Run tests: pytest
• Run single test: pytest tests/path_to_test.py::test_name -v

Code Style

• Python: snake_case for functions/variables, PascalCase for classes
• Imports: Use isort with combine-as-imports
• Error handling: Use custom ToolError for tool errors
• Types: Add type annotations for all parameters and returns
• Classes: Use dataclasses and abstract base classes

Customer Support Agent

Setup & Development

• Install dependencies: npm install
• Run dev server: npm run dev (full UI)
• UI variants: npm run dev:left (left sidebar), npm run dev:right (right sidebar), npm run dev:chat (chat only)
• Lint: npm run lint
• Build: npm run build (full UI), see package.json for variants

Code Style

• TypeScript: Strict mode with proper interfaces
• Components: Function components with React hooks
• Formatting: Follow ESLint Next.js configuration
• UI components: Use shadcn/ui components library

Financial Data Analyst

Setup & Development

• Install dependencies: npm install
• Run dev server: npm run dev
• Lint: npm run lint
• Build: npm run build

Code Style

• TypeScript: Strict mode with proper type definitions
• Components: Function components with type annotations
• Visualization: Use Recharts library for data visualization
• State management: React hooks for state