BuiltWith MCP 서버

“BuiltWith” MCP 서버는 무엇을 하나요?

BuiltWith MCP(Model Context Protocol) 서버는 AI 어시스턴트와 BuiltWith 기술 탐지 API를 연결해주는 특화된 도구입니다. 이 서버의 주요 기능은 AI 에이전트가 어떤 웹사이트의 기술 스택을 분석하고 식별할 수 있도록 하는 것입니다. 자연어 쿼리와 BuiltWith API 사이를 연결함으로써, 프레임워크, 분석 도구, 호스팅 서비스, 콘텐츠 관리 시스템 등 해당 도메인에서 사용되는 다양한 기술에 대한 상세한 인사이트를 개발자와 AI 기반 워크플로우에 제공합니다. 이를 통해 신속한 기술 감사, 경쟁 분석, 그리고 API 연동을 통한 데이터 기반 의사결정을 지원하여 개발 워크플로우를 강화할 수 있습니다.

프롬프트 목록

저장소에는 별도의 재사용 가능한 프롬프트 템플릿이 명시되어 있지 않습니다.

리소스 목록

저장소에 별도의 MCP 리소스가 문서화되어 있지 않습니다.

도구 목록

• 도메인 조회: BuiltWith API를 통해 웹사이트의 기술 프로필을 종합적으로 제공합니다. 이를 통해 도메인에서 사용 중인 프레임워크, 서비스, 분석, 호스팅 제공업체 등을 파악할 수 있습니다.

MCP 서버 활용 사례

• 기술 스택 탐색: 어떤 웹사이트든 사용 중인 프레임워크, 분석 도구, 호스팅 플랫폼 등 기술을 즉시 파악하여 개발자들이 통합 및 마이그레이션을 계획할 때 도움을 줍니다.
• 경쟁 분석: 여러 경쟁사의 기술 스택을 비교하여 기술 전략이나 비즈니스 의사결정에 참고할 수 있습니다.
• CMS 및 플랫폼 식별: 해당 사이트가 어떤 CMS(콘텐츠 관리 시스템)나 이커머스 플랫폼을 사용하는지 알아내어 타겟 아웃리치 또는 호환성 확인에 활용할 수 있습니다.
• 서드파티 서비스 감사: 특정 분석, 마케팅, 보안 서비스가 적용된 웹사이트를 파악하여 파트너십이나 규정 준수 평가에 사용할 수 있습니다.
• 개발자 도구 통합: 개발 환경에서 기술 조회 기능을 손쉽게 통합하여 개발 주기 중 사이트 리서치를 간편하게 할 수 있습니다.

설치 방법

Windsurf

1. 시스템에 Node.js가 설치되어 있는지 확인하세요.
2. 저장소를 클론하고 의존성을 설치합니다:

   git clone https://github.com/builtwith/mcp.git
   cd mcp
   npm install
   

3. BuiltWith API에서 API 키를 발급받으세요.
4. Windsurf MCP 설정 파일에 다음 구성을 추가하세요:

   {
       "mcpServers": {
           "builtwith": {
               "command": "node",
               "args": ["[PATH-TO]/bw-mcp-v1.js"],
               "env": {
                   "BUILTWITH_API_KEY": "[YOUR-API-KEY]"
               }
           }
       }
   }
   

5. 설정을 저장하고 Windsurf를 재시작하세요. 서버가 정상적으로 동작하는지 확인합니다.

Claude

1. Node.js가 설치되어 있지 않다면 설치하세요.
2. BuiltWith MCP 저장소를 클론하고 의존성을 설치하세요.
3. BuiltWith API 키를 복사하세요.
4. 다음 위치의 claude_desktop_config.json 파일을 수정하세요:
   • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
   • Windows: %APPDATA%\Claude\claude_desktop_config.json
5. MCP 서버 구성을 추가합니다:

   {
       "mcpServers": {
           "builtwith": {
               "command": "node",
               "args": ["[PATH-TO]/bw-mcp-v1.js"],
               "env": {
                   "BUILTWITH_API_KEY": "[YOUR-API-KEY]"
               }
           }
       }
   }
   

6. 저장 후 Claude를 재시작하세요. 통합이 정상적으로 동작하는지 확인하세요.

Cursor

1. Node.js를 설치하세요.
2. 저장소를 클론하고 의존성을 설치하세요.
3. API 키를 추가하세요.
4. 다음 위치의 MCP 설정 파일을 수정하세요:
   • macOS: ~/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json
   • Windows: %APPDATA%\Code\User\globalStorage\saoudrizwan.claude-dev\settings\cline_mcp_settings.json
5. 다음과 같이 구성 내용을 추가합니다:

   {
       "mcpServers": {
           "builtwith": {
               "command": "node",
               "args": ["[PATH-TO]/bw-mcp-v1.js"],
               "env": {
                   "BUILTWITH_API_KEY": "[YOUR-API-KEY]"
               }
           }
       }
   }
   

6. 저장 후 Cursor를 재시작하여 변경사항이 적용되도록 하세요.

Cline

1. Node.js가 설치되어 있는지 확인하세요.
2. 위와 같이 MCP 서버를 클론하고 준비하세요.
3. MCP 설정 파일을 수정하세요(Cueor의 경로 참고).
4. 앞서 안내된 대로 서버 구성을 추가하세요.
5. 저장 후 Cline을 재시작하고 MCP 서버 연결을 확인하세요.

API 키 보안:
항상 환경 변수를 사용하여 민감한 API 키를 저장하세요. 예시:

{
    "env": {
        "BUILTWITH_API_KEY": "[YOUR-API-KEY]"
    },
    "inputs": {}
}

플로우 내에서 MCP 사용법

FlowHunt에서 MCP 사용하기

FlowHunt 워크플로우에 MCP 서버를 통합하려면, MCP 컴포넌트를 플로우에 추가하고 AI 에이전트와 연결하세요:

MCP 컴포넌트를 클릭하여 구성 패널을 엽니다. 시스템 MCP 설정 섹션에 아래 JSON 포맷으로 MCP 서버 정보를 입력하세요:

{
  "builtwith": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

구성이 완료되면, AI 에이전트가 이 MCP의 모든 기능을 도구로 활용할 수 있습니다. “builtwith"를 실제 MCP 서버 이름으로, URL도 본인의 MCP 서버 URL로 변경하는 것을 잊지 마세요.

요약

현재 문서 기준, BuiltWith MCP 서버는 명확한 설치 안내와 정의된 사용 사례를 제공하지만, 리소스, 프롬프트 템플릿, roots, 샘플링 등 고급 MCP 기능은 부족합니다. 단순하고 목적 지향적인 MCP 서버입니다.

MCP 점수

전반적으로 이 MCP는 4/10 수준의 점수를 받습니다: 단일 용도에 대해 기능적이고 문서화가 잘 되어 있지만, 리소스, 프롬프트 템플릿, 샘플링 등 MCP 고유 기능이 부족하고, 커뮤니티 참여 역시 미미합니다.