Claude Code Development Environment Setup

Name: Claude Code Development Environment Setup
Author: hemant-zangoh

@hemant-zangoh

关于 Claude Code Development Environment Setup

Complete development environment setup for Claude Code with MCP servers, dev containers, and long-running job capabilities

#claude-dev-setup #development-environment #mcp-servers

基本信息

分类

AI 与智能体

许可证

MIT license

运行时

shell

传输方式

stdio

发布者

hemant-zangoh

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "claude-dev-setup": {
      "command": "docker",
      "args": [
        "stats"
      ]
    }
  }
}

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

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.