Claude Code Development Environment Setup

What is Claude Code Development Environment Setup?

A comprehensive development environment setup for Claude Code that integrates multiple MCP servers, VS Code Dev Containers, and long-running job capabilities. It provides an isolated, Docker-based environment with pre-configured MCP servers for filesystem operations, Monday.com project management, Figma design system access, and Playwright browser automation. Designed for developers who need a consistent, reproducible workspace for Claude Code projects.

How to use Claude Code Development Environment Setup?

Clone the repository, copy .env.example to .env, populate API tokens (GitHub required; Monday.com and Figma optional), then start the dev container via VS Code's "Reopen in Container" or with docker-compose up -d. Run ./.devcontainer/init-mcp.sh to initialize MCP servers, and use scripts like ./scripts/ten-minute-job.sh or ./scripts/run-long-claude-job.sh "task" for long-running jobs. MCP servers can also be added manually with claude mcp add commands.

Key features of Claude Code Development Environment Setup

• VS Code Dev Container with pre-configured extensions
• Docker-based isolated development environment
• MCP servers: Filesystem, Monday.com, Figma, Playwright
• Long-running jobs with auto-continuation and monitoring
• Automated firewall and permission management

Use cases of Claude Code Development Environment Setup

• Setting up a consistent, reproducible Claude Code workspace across machines
• Integrating project management tasks via Monday.com MCP server
• Automating browser testing and web scraping with Playwright MCP
• Running hours-long code analysis or documentation generation jobs that persist across sessions
• Accessing design system components with the Figma MCP server

FAQ from Claude Code Development Environment Setup

What are the prerequisites?

Docker Desktop or Docker Engine with Docker Compose, VS Code with Dev Containers extension (recommended), Git, and Node.js 20+ (included in the container). A GitHub personal access token is required; Monday.com and Figma tokens are optional.

How do I configure API tokens?

Copy .env.example to .env, then edit the file with your tokens: GITHUB_PERSONAL_ACCESS_TOKEN (required), MONDAY_API_TOKEN and FIGMA_TOKEN (optional). Never commit the .env file to the repository.

How do I start MCP servers?

Run ./.devcontainer/init-mcp.sh after starting the container, or manually add each server using claude mcp add commands (e.g., claude mcp add filesystem "npx @modelcontextprotocol/server-filesystem /workspace"). Use claude mcp list to verify.

How do I run a long-running job?

Use ./scripts/run-long-claude-job.sh "task description" or the predefined ./scripts/ten-minute-job.sh. Monitor progress with ./scripts/monitor-job.sh and view logs in /workspace/claude-job-*.log.

What security considerations are there?

Store API tokens in .env and never commit them. Use --dangerously-skip-permissions only in trusted environments. Network firewall rules are automatically configured, and the container runs as a non-root user by default.