Trae

- VS Code 호환 AI 네이티브 IDE: VS Code 코드베이스 위에 AI 기능을 네이티브로 통합한 독립 에디터. 기존 VS Code 확장(Extension)과 호환되면서 AI 워크플로우를 전면 내장 - Builder 모드: 자연어 요청을 분석 → 단계별 계획 수립 → 멀티파일 수정 → 라이브 프리뷰 → 커밋까지 자동화하는 에이전트형 개발 모드. 계획 우선(planning-first) 접근으로 첫 시도 정확도를 높임 - Chat 인터페이스 (일반 / 에디터 인라인): 범용 질의응답과 에디터 내 인라인 수정 두 모드 지원. 스크린샷·터미널 출력 등 멀티모달 입력 가능 - 다중 LLM 모델 내장: Claude 3.5 Sonnet, Claude 3.7 Sonnet, GPT-4o, Doubao-1.5-pro, DeepSeek 등 복수 모델을 IDE 내에서 직접 전환 사용 - MCP (Model Context Protocol) 지원: Figma 디자인→코드 변환, DB 연동, 외부 API 통합 등 에이전트 기능을 MCP 서버로 확장 - trae-agent CLI (오픈소스): IDE와 별도로 CLI 환경에서 자연어 명령 기반 소프트웨어 엔지니어링 작업을 자동화하는 오픈소스 에이전트. Docker 컨테이너 격리 실행, 궤적(trajectory) 기록, YAML 설정 지원 - 터미널 명령 제안: 채팅 인터페이스에서 터미널 명령을 추천하고, 클릭 한 번으로 직접 실행

⚡ 설치법

### 4-1. Quick Start (IDE)

```
공식 사이트(https://www.trae.ai/)에서 OS별 설치 파일 다운로드 후 실행.
VS Code와 동일한 방식으로 설치되며, 기존 VS Code 확장 호환.
```

### 4-2. trae-agent CLI 설치

```bash
git clone https://github.com/bytedance/trae-agent.git
cd trae-agent
uv sync --all-extras
source .venv/bin/activate

# 설정 파일 작성
cp trae_config.yaml.example trae_config.yaml
# API 키 등 환경변수 설정 후 실행
trae-cli run "Create a hello world Python script"
```

### 4-3. trae-agent 주요 CLI 명령

```bash
trae-cli run "자연어 작업 설명"          # 단발 실행
trae-cli interactive                     # 대화형 모드
trae-cli show-config                     # 현재 설정 확인
trae-cli run --docker-image python:3.12 "작업"  # Docker 격리 실행
```

🧬 바이오 활용

🔬

자연어 기반 풀스택 프로토타이핑**

Builder 모드에서 "고객 피드백 폼을 React + Express로 만들어줘"와 같은 자연어 명령으로 HTML, CSS, JavaScript, 백엔드 코드를 일괄 생성하고 라이브 프리뷰로 즉시 확인. 비개발자도 MVP 수준 앱을 30분 내에 구현 가능

🧬

멀티모달 UI 재현**

스크린샷이나 Figma 디자인 파일을 MCP를 통해 입력하면 해당 UI를 코드로 변환. 디자이너-개발자 핸드오프 시간을 단축하고, 디자인 시안과 실제 구현 간 괴리를 최소화

💊

trae-agent를 활용한 CI/CD 자동화**

오픈소스 CLI 에이전트를 CI 파이프라인에 통합하여 "이 PR의 테스트를 작성하고 린트 오류를 수정해"와 같은 자연어 명령으로 코드 품질 자동화. Docker 격리 실행으로 안전한 샌드박스 환경 보장

BioPlayground

💻 필요한 컴퓨터 사양

⚡ 설치법

🧬 바이오 활용

자연어 기반 풀스택 프로토타이핑**

멀티모달 UI 재현**

trae-agent를 활용한 CI/CD 자동화**

📝 업데이트 노트

🧪 관련 생명의 코드