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

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

Claude Quickstarts Development Guide

Claude Quickstarts Development Guide

Legal

Computer-Use Demo

Setup & Development

Testing & Code Quality

Code Style

Customer Support Agent

Setup & Development

Code Style

Financial Data Analyst

Setup & Development

Code Style

Related Skills

<h1 align="center">

- Identify gaps

2. Apply Deepthink Protocol (reason about dependencies

Claude Quickstarts Development Guide

Legal

Computer-Use Demo

Setup & Development

Testing & Code Quality

Code Style

Customer Support Agent

Setup & Development

Code Style

Financial Data Analyst

Setup & Development

Code Style