Salesforce Agentforce Vibes와 Bright Data Web MCP 연동

이 튜토리얼에서 다루는 내용:

Salesforce Agentforce Vibes가 무엇이며 어떤 기능을 제공하는지.
웹 탐색, 접근, 데이터 수집 도구로 확장해야 하는 이유.
Bright Data가 Web MCP를 통해 이 통합을 어떻게 지원하는지.
Bright Data의 Web MCP를 Salesforce Agentforce Vibes에 연결하여 훨씬 효과적으로 만드는 방법.

시작해 봅시다!

Salesforce Agentforce Vibes란?

Agentforce Vibes는 Salesforce Agentforce 360 Platform 위에 구축된 AI 기반 개발 환경입니다. 자연어를 통한 바이브 코딩을 지원하며, 프롬프트를 구조화된 코딩 프로젝트로 변환합니다.

이 플랫폼은 Salesforce 앱 빌드, 에이전트 생성, 자동화 등을 지원합니다. 또한 코드 품질 분석 및 기존 프로젝트에 새로운 기능 추가도 가능합니다. 이 모든 것이 Salesforce 생태계 특유의 엔터프라이즈급 보안 및 거버넌스를 유지하면서 제공됩니다.

주요 지원 기능은 다음과 같습니다:

자연어에서 코드로: 자연어 프롬프트를 구조적이고 맥락에 맞는 Salesforce 코드로 변환합니다.
MCP 지원: 개발 워크플로 내에서 외부 도구 및 데이터 소스를 위한 MCP 서버에 연결합니다.
내장 보안 및 신뢰: 코드, 메타데이터, 스키마가 Salesforce Trust Layer 내에 유지되도록 보장합니다.
코드 자동 완성: VS Code 및 Agentforce IDE에서 실시간 인라인 코드 제안을 제공합니다.
코드 분석기 통합: 버그, 비효율성, 보안 문제를 코드에서 스캔하고, 개발 중 자동 수정 및 실행 가능한 인사이트를 제공합니다.
코드 설명: IDE에서 코드 구조와 로직을 한 줄씩 직접 설명하여 복잡한 Salesforce 애플리케이션을 더 빠르게 파악할 수 있도록 도와줍니다.
React 앱 생성: 실시간 미리보기와 함께 독립형 또는 내장형 React 애플리케이션을 생성합니다.
기능 및 스킬: 사용자 의도에 따라 컨텍스트 인식 스킬을 동적으로 활성화하여 개발 작업에서 Agentforce를 정확하게 안내합니다.

공식 사용자 가이드에서 자세히 알아보세요.

Agentforce Vibes에 웹 접근 기능을 확장해야 하는 이유

Salesforce Agentforce Vibes는 모든 LLM 기반 도구에서 공통적으로 나타나는 근본적인 한계에 직면합니다: 정보 정체. 대형 언어 모델은 학습 데이터를 기반으로 응답을 생성하는데, 이는 과거의 스냅샷에 불과합니다. 이것이 환각이나 신뢰할 수 없는 결과를 만들어내는 이유입니다.

빠르게 진화하는 엔터프라이즈 개발 환경에서 이는 실질적인 병목 현상이 됩니다. 최신 정보에 기반하지 않은 AI 어시스턴트는 더 이상 사용되지 않는 Salesforce 패턴을 권장하거나, 최근 플랫폼 업데이트를 놓치거나, 중요한 보안 패치를 간과할 수 있습니다.

LLM의 지식 한계를 해결하기 위해 AI 개발 도구는 실시간 웹 접근이 필요합니다. 바로 이 지점에서 Bright Data가 등장합니다!

Bright Data는 AI에 최적화된 인프라를 제공하여 Salesforce Agentforce Vibes의 내장 지식을 넘어 확장합니다. 웹 검색, 탐색, 데이터 추출, 자동화된 브라우저 상호작용과 같은 실시간 기능을 도입합니다.

Bright Data가 돋보이는 점은 195개 이상의 국가에 걸쳐 4억 개 이상의 주거용 프록시 IP로 구성된 강력한 글로벌 네트워크입니다. 이 기반은 99.99% 가동률과 99.95% 성공률을 달성하면서 무제한 확장성을 지원합니다.

Agentforce Vibes와 Bright Data를 결합하면 Salesforce 생태계 내에서 직접 사용할 수 있는 엔터프라이즈급 바이브 코딩 환경이 완성됩니다.

Bright Data가 Salesforce Agentforce Vibes를 지원하는 방법

Bright Data는 공식 Web MCP 서버를 통해 Salesforce Agentforce Vibes를 직접 지원합니다. 이는 로컬 서버와 원격 서버 모두로 제공되지만, Salesforce Agentforce Vibes는 원격 MCP 서버와만 상호작용할 수 있습니다.

Web MCP는 70개 이상의 도구를 제공하며, Bright Data 인프라와의 상호작용을 단순화하도록 구축되었습니다. 이 도구들은 웹 검색, 탐색, 스크래핑, 상호작용 등을 지원합니다. 무료 플랜에서도 (월 5,000건 무료) 유용한 도구들을 사용할 수 있습니다:

도구	설명
`search_engine` + 배치 버전	Google, Bing, Yandex 결과를 JSON 또는 Markdown 형식으로 가져오기
`scrape_as_markdown` + 배치 버전	안티봇 방어를 우회하면서 웹페이지를 깔끔한 Markdown으로 변환
`discover`	순위가 매겨진 관련 결과를 제공하는 AI 기반 웹 검색 실행

그러나 [Pro mode](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#-pricing, modes)는 Web MCP의 전체 잠재력을 해제합니다. Amazon, LinkedIn, Yahoo Finance, YouTube, Zillow, GitHub, NPM, Google Maps 등 다양한 플랫폼에서 구조화된 데이터를 추출하는 고급 도구와 브라우저 자동화 기능을 제공합니다.

이 도구들의 조합은 Salesforce Agentforce Vibes를 확장하고 LLM 지식 문제를 극복하기에 충분합니다.

Salesforce Agentforce Vibes에서 Bright Data의 Web MCP를 구성하는 방법

이 단계별 튜토리얼에서는 Bright Data의 Web MCP 도구로 Salesforce Agentforce Vibes를 확장하는 방법을 배웁니다. 결과적으로 더욱 견고한 바이브 코딩 경험을 얻을 수 있으며, 기반 AI 에이전트가 차단 없이 웹을 탐색할 수 있습니다.

참고: Salesforce Agentforce Vibes는 적절한 확장 기능과 함께 로컬 Visual Studio Code 인스턴스에도 설정할 수 있습니다. 이 가이드에서는 개발자 org에서 직접 사용 가능한 온라인 IDE를 기준으로 설명합니다. 동일한 절차가 데스크톱 워크플로에도 적용됩니다.

아래 지침을 따르세요!

사전 요구사항

이 튜토리얼을 진행하려면 다음이 필요합니다:

API 키가 구성된 Bright Data 계정.
Salesforce 계정 (무료 Salesforce 개발자 조직도 가능).

또한 다음을 갖추는 것이 권장됩니다:

MCP 작동 방식에 대한 기본적인 이해.
Salesforce Agentforce Vibes에 대한 친숙함.
Bright Data의 Web MCP가 노출하는 도구에 대한 지식.

지금 당장 Bright Data나 Salesforce 설정을 걱정할 필요는 없습니다. 전체 과정을 단계별로 안내해 드립니다.

1단계: Salesforce Agentforce Vibes 접속

자격 증명을 사용하여 Salesforce 개발자 포털에 로그인하거나, 새 org를 만들어 시작하세요. 다음과 같은 화면이 표시됩니다:

Agentforce Vibes에 접근하려면 오른쪽 상단의 기어 아이콘을 클릭하고 “Agentforce Vibes” 옵션을 선택하세요:

Agentforce Vibes 웹 앱으로 리디렉션됩니다. 로딩에 시간이 걸릴 수 있으니 잠시 기다려 주세요.

로딩이 완료되면 브라우저에서 직접 Agentforce Vibes IDE에 접근할 수 있습니다:

이것은 기본적으로 웹 앱으로 직접 사용 가능한 VS Code의 맞춤형 버전입니다.

일회용 인증 코드를 사용하여 계정 확인을 요청받을 수 있습니다. 그 후 Salesforce Agentforce Vibes를 사용할 준비가 됩니다!

2단계: Bright Data의 Web MCP 시작하기

Bright Data의 Web MCP를 Agentforce Vibes에 통합하려면 먼저 연결 URL을 가져와야 합니다. 공식 Bright Data 문서를 따르거나 아래 단계를 사용하세요.

아직 가입하지 않았다면 Bright Data에 가입하세요. 이미 계정이 있다면 기존 계정에 로그인하세요. 그런 다음 MCP 서버 연결 인증에 필요한 Bright Data API 키를 생성하세요.

로그인 후 제어판의 “MCP” 페이지로 이동하세요:

이 페이지에서 설정 마법사를 따르면 Bright Data Web MCP의 원격 연결 URL을 얻을 수 있습니다.

참고: SSE 전송이 더 이상 사용되지 않으므로, Streamable HTTP 연결 방법을 사용하는 것이 권장됩니다.

또는 Streamable HTTP 연결 URL을 수동으로 구성할 수도 있습니다. 무료 플랜의 URL 구조는 다음과 같습니다:

https://mcp.brightdata.com/mcp?token=<YOUR_BRIGHT_DATA_API_KEY>

Pro mode의 경우:

https://mcp.brightdata.com/mcp?token=<YOUR_BRIGHT_DATA_API_KEY>&pro=1

추가 구성 옵션(그룹 선택 등)에 대한 자세한 내용은 공식 문서를 참조하세요.

훌륭합니다! 이 연결 URL만 있으면 Salesforce Agentforce Vibes AI 에이전트에 Web MCP를 통합할 수 있습니다.

3단계: Agentforce Vibes에 Web MCP 추가

왼쪽 메뉴에서 “Agentforce Vibes” 아이콘을 선택하세요. 그러면 AI 채팅이 열리며, 바이브 코딩 워크플로 중에 에이전트에게 도움을 요청할 수 있습니다:

“Manage MCP Servers” 옵션을 선택하세요. 다음 섹션이 나타납니다:

기본적으로 Agentforce Vibes에는 이미 세 개의 MCP 서버가 구성되어 있습니다. 이 서버들은 Salesforce 전용 도구를 제공합니다.

오른쪽 상단의 그리드 아이콘을 클릭하여 “MCP Servers” 구성 섹션을 엽니다. “Remote Servers” 탭으로 전환하고 아래 필드를 입력하여 Web MCP 연결을 추가하세요:

Server Name: bright-data-web-mcp
Server URL: https://mcp.brightdata.com/mcp?token=<YOUR_BRIGHT_DATA_API_KEY>&pro=1 (Pro mode를 활성화하지 않으려면 &pro=1을 생략하세요)
Transport Type: Streamable HTTP

“Add Server”를 클릭하여 Web MCP 서버를 추가하세요. 그런 다음 “Done”을 눌러 설정을 완료하세요.

이제 Salesforce Agentforce Vibes에서 Bright Data Web MCP 도구를 사용할 수 있습니다. 훌륭합니다!

4단계: 연결 확인

“Done” 버튼을 클릭하면 “Configure” 탭으로 리디렉션됩니다. 여기서 bright-data-web-mcp 항목을 확인할 수 있습니다:

IDE가 자동으로 Web MCP 원격 서버에 연결됩니다. 드롭다운을 열고 사용 가능한 도구를 스크롤하세요:

Pro mode를 구성했다면 70개 이상의 도구를 볼 수 있습니다. 그렇지 않으면 무료 플랜에서 사용 가능한 도구만 표시됩니다.

이제 “Agentforce Vibes” 메인 섹션으로 돌아가서 AI와 채팅을 시작하세요. 마찬가지로 왼쪽 하단 모서리의 “Manage MCP Servers” 아이콘을 클릭하여 bright-data-web-mcp 항목의 연결 상태를 확인할 수 있습니다:

훌륭합니다! 이것으로 MCP를 통한 Bright Data와의 통합이 올바르게 작동하고 있음을 확인합니다.

5단계: 향상된 바이브 코딩 경험 테스트 준비

이제 Salesforce AI 바이브 코딩 에이전트의 성능이 훨씬 향상되었습니다. 테스트하려면 기존 프로젝트를 불러오거나 새 프로젝트를 만드세요.

이 경우 새로운 “Agents” 프로젝트에 집중하겠습니다. “Agents” 버튼을 클릭한 후 “Create a new project”를 선택하고 이름을 지정하면 다음 화면이 표시됩니다:

이것은 로컬 날씨 업데이트, 로컬 이벤트 정보 제공 등을 수행할 수 있는 샘플 에이전트가 포함된 기본 Salesforce DX 프로젝트입니다.

이제 현재 프로젝트가 Salesforce Agentforce Vibes 모범 사례를 따르는지 확인하고 싶다고 가정해 보겠습니다. 제대로 검증 없이 바이브 코딩한 것을 배포하고 싶지는 않을 것입니다. 이를 위해 다음과 같은 프롬프트를 실행할 수 있습니다:

Search online for Salesforce DX project best practices. Select the 5 most relevant and authoritative sources and retrieve their content in Markdown format.
Analyze these sources and synthesize a consolidated list of best practices for Salesforce DX projects.
Then, review the code in this project and evaluate it against those best practices. Where the code does not comply, or where there is room for improvement, provide clear, contextual, and actionable recommendations for how to improve it.

참고: 이는 표준 Salesforce Agentforce Vibes AI 에이전트가 단독으로 수행할 수 없는 작업입니다. 그 이유는 웹 검색/탐색 및 스크래핑 도구가 필요하기 때문이며, 이것이 바로 Bright Data Web MCP 레이어를 통해 얻는 기능입니다.

Agentforce Vibes AI 에이전트가 이 작업을 어떻게 처리하는지 살펴봅시다!

6단계: 프롬프트 실행

“Plan” 모드로 전환(파일 수정이 아닌 정보 수집 작업이므로)하고 프롬프트를 실행하세요. 다음과 같이 표시됩니다:

위의 GIF는 빨리 감기 버전이지만, 일어나는 일은 다음과 같습니다:

AI 에이전트가 search_engine 도구(Bright Data SERP API 기반)를 호출하여 공식 문서, GitHub, Trailhead에서 Salesforce DX 모범 사례에 대한 여러 Google 검색을 수행합니다.
LLM이 SERP 결과(JSON 형식으로 반환, AI 에이전트 처리에 최적)를 처리하여 가장 관련성 높은 5개 소스를 식별합니다(이 경우 Trailhead 가이드, StackExchange 토론, HackerNoon 기사, Medium 게시물, GitHub 저장소).
선택된 각 페이지는 Bright Data Web Unlocker API를 기반으로 하는 scrape_as_markdown 도구를 통해 스크래핑됩니다.
추출된 콘텐츠를 분석하고 모범 사례의 통합 목록으로 종합합니다.
프로젝트 파일을 해당 모범 사례와 비교하여 검토하여 격차와 개선 사항을 파악합니다.

전반적으로 AI 에이전트가 실행한 프로세스는 일관성이 있습니다. 올바른 Bright Data Web MCP 도구를 선택하고 성공적으로 사용하여 Salesforce Agentforce Vibes 결과를 향상시켰습니다. 이제 생성된 출력을 검토할 시간입니다!