Repolode
제출하기
2234839

2234839/silkpulse

모바일 H5, 앱 내 웹뷰, 프로덕션 사이트 등 원격 기기의 웹 페이지를 AI 에이전트가 살펴보고 조작할 수 있게 해주는 AI 네이티브 원격 디버거입니다.

대체할 수 있는 제품:vConsole

GitHub에서 보기웹사이트
스타
226
포크
16
열린 이슈
0
마지막 커밋
5일 전

어떤 프로젝트인가요?

silkpulse는 모바일 브라우저나 임베디드 WebView처럼 개발자가 직접 접근하기 어려운 기기에서 실행되는 프런트엔드 페이지를 위한 원격 디버깅 도구입니다. 페이지에 스크립트 태그를 추가하면 콘솔 출력, 네트워크 요청, 오류 스택이 웹 콘솔로 전송되어 개발자가 실시간으로 확인하거나 AI 에이전트에 전달할 수 있습니다.

로그뿐 아니라 공식 Vue DevTools와 React DevTools 패널도 포함되어 있어 프로덕션 빌드에서도 컴포넌트 트리, 상태, hooks, props를 살펴볼 수 있습니다. sourcemap을 통해 오류 스택을 원본 소스 위치에 매핑합니다. 여러 기기를 동시에 연결할 수 있으며, 각 기기에 태그를 지정하고 기록을 유지한 채 자동으로 재연결할 수 있습니다.

HTTP 인터페이스와 함께 제공되는 skill을 사용하면 AI 에이전트가 스냅샷, 로그, 네트워크 응답 본문을 읽고 원격 페이지에서 JavaScript를 실행하거나 클릭, 양식 입력, 스크롤을 수행해 수정 사항을 검증할 수 있습니다. MIT 라이선스로 제공되며, Node 22+와 pnpm에서 실행되고 자체 호스팅용 Docker 이미지도 제공합니다.

핵심 기능

  • 01원격 페이지의 콘솔 로그, 네트워크 요청, 오류 스택을 웹 콘솔로 전송합니다.
  • 02프로덕션 빌드에서도 사용할 수 있도록 공식 Vue DevTools 및 React DevTools 패널을 포함합니다.
  • 03sourcemap을 사용해 오류를 소스 코드 위치에 매핑합니다.
  • 04AI 에이전트가 스냅샷과 로그를 읽고 원격 페이지에서 JavaScript를 실행할 수 있습니다.
  • 05태그 지정과 자동 재연결을 지원하며 여러 기기를 동시에 연결할 수 있습니다.

활용 사례

  • 사용자에게 스크린샷을 요청하지 않고 사용자의 휴대폰에서 H5 페이지나 앱 내 WebView를 디버깅합니다.
  • AI 에이전트가 프로덕션 프런트엔드 문제를 진단하고 실제 페이지에서 수정 사항을 검증하도록 합니다.
  • 배포된 프로덕션 사이트에서 Vue 또는 React 컴포넌트 상태를 확인합니다.

빠른 시작

  1. 1

    의존성 설치(Node 22+ 및 pnpm 11+ 필요)

    pnpm install
  2. 2

    모든 패키지 빌드

    pnpm build
  3. 3

    서버 시작(기본 포트 8080)

    pnpm start

사용 전 알아둘 점

  • 소스에서 실행하려면 Node 22+ 및 pnpm 11+가 필요합니다.
  • 서버를 셀프 호스팅하려면 설정이 필요합니다. 무료 온라인 플레이그라운드에서는 누구나 볼 수 있는 공개 데이터를 공유합니다.
  • Docker 이미지는 amd64 전용으로 빌드됩니다.

포함된 컬렉션

OpenTelemetry 및 옵저버빌리티 플랫폼

토픽

#debugging#remote-debugging#webview#devtools#observability#sourcemap#mcp-agent

자주 묻는 질문

silkpulse은(는) 무엇인가요?
모바일 H5, 앱 내 웹뷰, 프로덕션 사이트 등 원격 기기의 웹 페이지를 AI 에이전트가 살펴보고 조작할 수 있게 해주는 AI 네이티브 원격 디버거입니다. silkpulse는 모바일 브라우저나 임베디드 WebView처럼 개발자가 직접 접근하기 어려운 기기에서 실행되는 프런트엔드 페이지를 위한 원격 디버깅 도구입니다. 페이지에 스크립트 태그를 추가하면 콘솔 출력, 네트워크 요청, 오류 스택이 웹 콘솔로 전송되어 개발자가 실시간으로 확인하거나 AI 에이전트에 전달할 수 있습니다.
silkpulse은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
silkpulse은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
silkpulse은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. silkpulse의 마지막 커밋은 2026년 11월 1일입니다.
silkpulse은(는) 어디에 사용할 수 있나요?
사용자에게 스크린샷을 요청하지 않고 사용자의 휴대폰에서 H5 페이지나 앱 내 WebView를 디버깅합니다. AI 에이전트가 프로덕션 프런트엔드 문제를 진단하고 실제 페이지에서 수정 사항을 검증하도록 합니다. 배포된 프로덕션 사이트에서 Vue 또는 React 컴포넌트 상태를 확인합니다.
silkpulse는 어떻게 설치하나요?
의존성 설치(Node 22+ 및 pnpm 11+ 필요): pnpm install 모든 패키지 빌드: pnpm build 서버 시작(기본 포트 8080): pnpm start
silkpulse은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/2234839/silkpulse

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트