This guide provides step-by-step instructions for setting up your environment to use the Claude Task Master Visual Interface extension effectively.
- VS Code: Version 1.74.0 or higher
- Node.js: Version 16.x or higher (for CLI fallback)
- Git: For version control (recommended)
- Windows: Windows 10/11
- macOS: macOS 10.15 or higher
- Linux: Ubuntu 18.04+ or equivalent
- Open VS Code
- Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
- Search "Claude Task Master"
- Click "Install"
- Download the
.vsixfile from GitHub releases - Open VS Code Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
- Type "Extensions: Install from VSIX"
- Select the downloaded
.vsixfile
The extension supports multiple AI providers. You need at least one API key:
- Anthropic Claude (Recommended):
ANTHROPIC_API_KEY - OpenAI:
OPENAI_API_KEY - Perplexity AI:
PERPLEXITY_API_KEY - Google Gemini:
GOOGLE_API_KEY - Mistral AI:
MISTRAL_API_KEY - xAI Grok:
XAI_API_KEY - OpenRouter:
OPENROUTER_API_KEY
- Visit console.anthropic.com
- Sign up/login to your account
- Navigate to "API Keys"
- Create a new API key
- Copy the key (starts with
sk-ant-)
- Visit platform.openai.com
- Sign up/login to your account
- Go to "API Keys" section
- Create a new secret key
- Copy the key (starts with
sk-)
- Visit perplexity.ai
- Sign up/login to your account
- Navigate to API settings
- Generate an API key
- Copy the key
- Google Gemini: ai.google.dev
- Mistral AI: console.mistral.ai
- xAI Grok: console.x.ai
- OpenRouter: openrouter.ai
Create or edit .cursor/mcp.json in your project root:
{
"mcpServers": {
"task-master-ai": {
"command": "npx",
"args": [
"-y",
"--package=task-master-ai",
"task-master-ai"
],
"env": {
"ANTHROPIC_API_KEY": "your-anthropic-api-key-here",
"PERPLEXITY_API_KEY": "your-perplexity-api-key-here",
"OPENAI_API_KEY": "your-openai-api-key-here",
"GOOGLE_API_KEY": "your-google-api-key-here",
"XAI_API_KEY": "your-xai-api-key-here",
"OPENROUTER_API_KEY": "your-openrouter-api-key-here",
"MISTRAL_API_KEY": "your-mistral-api-key-here"
}
}
}
}Create .env in your project root for CLI fallback:
# Primary providers (choose one or more)
ANTHROPIC_API_KEY=your-anthropic-api-key-here
PERPLEXITY_API_KEY=your-perplexity-api-key-here
OPENAI_API_KEY=your-openai-api-key-here
# Additional providers (optional)
GOOGLE_API_KEY=your-google-api-key-here
XAI_API_KEY=your-xai-api-key-here
OPENROUTER_API_KEY=your-openrouter-api-key-here
MISTRAL_API_KEY=your-mistral-api-key-here
# Custom endpoints (optional)
AZURE_OPENAI_ENDPOINT=your-azure-endpoint-here
OLLAMA_BASE_URL=http://localhost:11434/api# Global installation (recommended)
npm install -g task-master-ai
# Or use npx (no installation required)
npx task-master-ai --help# Navigate to your project directory
cd your-project-directory
# Initialize Task Master
npx task-master-ai init
# Or if globally installed
task-master initCreate a Product Requirements Document (PRD):
# Create PRD file
echo "Project: My Awesome App
Goal: Build a task management application
Features: User authentication, task CRUD, real-time updates" > scripts/prd.txt
# Generate tasks from PRD
npx task-master-ai parse-prd scripts/prd.txtAdd to your VS Code settings.json:
{
"claude-task-master.autoRefresh": true,
"claude-task-master.defaultStatus": "pending",
"claude-task-master.showProgress": true,
"claude-task-master.enableLogging": false,
"claude-task-master.enableFileLogging": false,
"files.exclude": {
"**/.env": true,
"**/*.key": true
}
}Create .vscode/settings.json in your project:
{
"claude-task-master.tasksPath": ".taskmaster/tasks",
"claude-task-master.configPath": ".taskmaster/config.json",
"files.watcherExclude": {
"**/.taskmaster/cache/**": true,
"**/node_modules/**": true
}
}# Secure your environment files (Unix/macOS)
chmod 600 .env
chmod 600 .cursor/mcp.json
# Windows (PowerShell)
icacls .env /grant:r $env:USERNAME:F /remove EveryoneAdd to .gitignore:
# API Keys and secrets
.env
.env.local
.env.production
*.key
*.pem
secrets/
# Task Master cache
.taskmaster/cache/
.taskmaster/logs/
# OS files
.DS_Store
Thumbs.dbSymptoms: Extension doesn't appear in sidebar Solutions:
- Restart VS Code
- Check VS Code version (requires 1.74.0+)
- Verify extension installation in Extensions panel
Symptoms: "MCP server unavailable" messages Solutions:
- Check
.cursor/mcp.jsonsyntax - Verify Node.js installation:
node --version - Install task-master-ai:
npm install -g task-master-ai - Restart VS Code
Symptoms: AI operations fail Solutions:
- Verify API key format and validity
- Check API key has sufficient credits/quota
- Ensure correct environment variable names
- Test API key with curl:
curl -H "Authorization: Bearer your-api-key" \
-H "Content-Type: application/json" \
https://api.anthropic.com/v1/messagesSymptoms: "No tasks found" in tree view Solutions:
- Run
npx task-master-ai initin project root - Check
.taskmaster/tasks/directory exists - Verify
tasks.jsonfile is present and valid JSON - Check file permissions
Symptoms: Commands fail even with CLI Solutions:
- Install task-master-ai globally:
npm install -g task-master-ai - Verify PATH includes npm global bin directory
- Check Node.js version:
node --version(needs 16+)
- Reduce number of tasks in large projects
- Use task status filtering
- Close unused VS Code windows
- Check available system memory
- Restart VS Code periodically
- Close unnecessary workspace folders
- Clear
.taskmaster/cache/directory
Configure custom models in .taskmaster/config.json:
{
"models": {
"main": "claude-3-sonnet-20241022",
"research": "claude-3-opus-20240229",
"fallback": "gpt-4"
},
"parameters": {
"maxTokens": 4000,
"temperature": 0.1
}
}For corporate environments:
// settings.json
{
"http.proxy": "http://proxy.company.com:8080",
"http.proxyStrictSSL": false
}Enable debugging (logging is off by default):
// settings.json
{
"claude-task-master.enableLogging": true, // Console & output channel logging
"claude-task-master.enableFileLogging": false, // File logging (creates logs/ folder)
"claude-task-master.developmentMode": false // Development mode logging
}Note: File logging creates a logs/ directory in your project. Most users should use enableLogging for console output instead.
Create test-setup.js:
const fs = require('fs');
const path = require('path');
// Check required files
const requiredFiles = [
'.cursor/mcp.json',
'.taskmaster/config.json',
'.taskmaster/tasks/tasks.json'
];
requiredFiles.forEach(file => {
if (fs.existsSync(file)) {
console.log(`✅ ${file} exists`);
} else {
console.log(`❌ ${file} missing`);
}
});
// Check API keys
try {
const mcp = JSON.parse(fs.readFileSync('.cursor/mcp.json', 'utf8'));
const env = mcp.mcpServers['task-master-ai'].env;
Object.keys(env).forEach(key => {
if (env[key] && env[key] !== `${key}_HERE`) {
console.log(`✅ ${key} configured`);
} else {
console.log(`❌ ${key} not configured`);
}
});
} catch (error) {
console.log('❌ MCP configuration invalid');
}Run: node test-setup.js
- Documentation: Check README.md and other
.mdfiles - Issues: GitHub Issues
- Discussions: GitHub Discussions
- GitHub Issues: Bug reports and feature requests
- GitHub Discussions: Questions and community help
- VS Code Marketplace: Extension reviews and ratings
# System information
code --version
node --version
npm --version
# Extension information
code --list-extensions | grep claude-task-master
# Test MCP server
npx task-master-ai --version
# Check logs
ls -la .taskmaster/logs/Last Updated: June 2025
Version: 1.0.0
Compatibility: VS Code 1.74.0+ | Node.js 16.x+