AI编程开发平台

┌─────────────────────────────────────────┐
│     Frontend (Next.js 14 + React)       │
│  Chat | Editor | Agents | MCP | RAG     │
└─────────────────┬───────────────────────┘
                  │
          ┌───────┴───────┐
          │  API Routes   │
          └───────┬───────┘
          ┌───────┼───────┐
    ┌─────▼──┐ ┌─▼──┐ ┌──▼────┐
    │  LLMs  │ │Exec│ │Vector │
    │        │ │E2B │ │  DB   │
    └────────┘ └────┘ └───────┘

# 1. Clone repository
git clone https://github.com/samuelkoh2024/ai-coding-studio.git
cd ai-coding-studio

# 2. Install dependencies
npm run setup

# 3. Configure environment
cp .env.example .env.local
# Edit .env.local with your API keys

# 4. Start services
docker-compose up -d

# 5. Run development server
npm run dev

ANTHROPIC_API_KEY=sk-ant-your-key
OPENAI_API_KEY=sk-your-key

User: "Create a React component for authentication"
AI: [Generates complete component with TypeScript]

// Write in Monaco Editor
const result = fibonacci(10);
console.log(result);

// Click "Run" → Output: 55

Agent: Code Reviewer
Input: [Your code]
Output: Detailed review with security & performance suggestions

1. Upload documentation
2. Enable "Auto-index"
3. Ask: "How does authentication work?"
4. Get context-aware answers

# Start everything
docker-compose up -d

# View logs
docker-compose logs -f

# Services included:
# - Web App (3000)
# - Ollama (11434)
# - ChromaDB (8000)
# - Redis (6379)
# - PostgreSQL (5432)

// lib/agents/custom-agent.ts
export class CustomAgent extends BaseAgent {
  constructor() {
    const config = {
      name: 'Custom Agent',
      systemPrompt: 'Your instructions...',
      tools: [],
    };
    super(config);
  }
}

// tailwind.config.js
theme: {
  extend: {
    colors: {
      primary: '#your-color',
    },
  },
}