HamedMP/CursorLens

Cursor Lens는 Cursor AI를 사용하는 AI 보조 코딩 세션에 대한 통찰력을 제공하기 위해 설계된 오픈 소스 도구입니다. 이 도구는 Cursor와 다양한 AI 제공업체(AI providers) 사이에서 프록시(proxy) 역할을 수행하며, 상호작용을 기록하고 상세한 분석 데이터를 제공하여 개발자가 코딩 워크플로에서 AI 사용을 최적화할 수 있도록 돕습니다.

오늘 ProductHunt에 출시되었습니다. 유용하다고 생각되신다면 추천(upvote) 부탁드립니다! 🙏

AI 제공업체 통합 (AI Provider Integration): OpenAI, Anthropic 등을 포함한 여러 AI 제공업체를 지원합니다.
요청 로깅 (Request Logging): Cursor와 AI 제공업체 간의 모든 요청을 캡처하고 기록합니다.
분석 대시보드 (Analytics Dashboard): 토큰 소비 및 요청 패턴을 포함한 AI 사용량에 대한 시각적 분석을 제공합니다.
설정 가능한 AI 모델 (Configurable AI Models): 사용자가 다양한 AI 설정을 구성하고 전환할 수 있도록 합니다.
실시간 모니터링 (Real-time Monitoring): 진행 중인 AI 상호작용에 대한 실시간 뷰를 제공합니다.
토큰 사용량 추적 (Token Usage Tracking): 다양한 모델에 걸친 토큰 사용량을 모니터링하고 보고합니다.
비용 추정 (Cost Estimation): 토큰 사용량 및 모델 가격을 기반으로 예상 비용을 제공합니다.

프론트엔드/백엔드 (Frontend/Backend): React를 사용한 Next.js
데이터베이스 (Database): Prisma ORM을 사용한 PostgreSQL
AI 라이브러리 (AI Library): Vercel AI SDK
스타일링 (Styling): shadcn/ui 컴포넌트를 사용한 Tailwind CSS

자세한 설치 지침은 설치 가이드(Installation Guide)를 참조하십시오.

• Node.js (v14 이상)

• pnpm

• PostgreSQL

• ngrok

• 저장소(repository)를 클론(Clone)합니다.

• pnpm install 명령어로 의존성을 설치합니다.

• 환경 변수(environment variables)를 설정합니다.

• pnpm prisma migrate dev 명령어로 데이터베이스를 설정합니다.

• pnpm build 명령어로 프로젝트를 빌드합니다.

• ngrok을 설정합니다.

• Cursor가 귀하의 ngrok URL을 API 엔드포인트(endpoint)로 사용하도록 구성합니다.

각 단계에 대한 전체 세부 사항은 설치 가이드를 확인하십시오.

• OpenAI Base URL을 재정의(overriding)하여 Cursor가 Cursor Lens를 API 엔드포인트로 사용하도록 구성합니다.

• gpt- 모델을 선택합니다. AI 보조 코딩을 위해 평소처럼 Cursor를 사용합니다. - Cursor Lens 대시보드에 방문하여 로그, 통계 및 통찰력을 확인합니다.

• /configuration 페이지에서 새로운 설정을 생성하고, antropicCached를 선택합니다.

Sonnet 3.5를 사용하여 설정합니다. 이름은 원하는 대로 지정하세요. - 기본값(default)으로 설정합니다.

• 평소와 같이 CursorLens가 적용된 Cursor를 사용합니다. 이제부터 CMD+L 및 CMD+i 채팅의 시스템(system) 및 컨텍스트(context) 메시지가 캐싱(cached)됩니다.

캐시의 TTL(Time To Live)은 5분임을 유의하세요.

• 새로운 비용 계산 기능 추가

실행하려면 다음 명령어를 반드시 실행해야 합니다:

npx prisma seed db

그 다음 pnpm run update-log-costs를 실행하여

이전의 모든 로그 메타데이터에 비용 정보를 추가하세요.

• 컨텍스트(context) 메시지에 대한 Anthropic 캐시(Cache) 지원 추가

• Anthropic의 토큰(Token) 제한을 8192 토큰으로 상향

• 통계 페이지 개선: 이제 보고 싶은 데이터 포인트를 선택할 수 있습니다.

• 로그 상세 정보 접기/펴기 기능 추가

• 로그에 전체 응답(Full response)이 캡처됩니다.

• Mistral AI, Cohere, Groq 및 Ollama 지원 추가

이것은 CursorLens의 초기 알파(alpha) 릴리스입니다. 알파 버전이므로 버그가 포함될 수 있으며 아직 기능이 완전하지 않습니다. 프로덕션(production) 환경이 아닌 곳에서 주의하여 사용하십시오.

• Next.js를 이용한 초기 프로젝트 설정

• Cursor와 AI 제공업체(OpenAI, Anthropic) 간의 기본적인 프록시(proxy) 기능

• AI 상호작용 로그를 확인하기 위한 간단한 대시보드

• OpenAI 및 Anthropic 모델에 대한 토큰(Token) 사용량 추적

• 토큰 사용량에 기반한 간단한 비용 추정

• Prisma ORM을 사용한 PostgreSQL 데이터베이스 지원

• API 키 및 데이터베이스 연결을 위한 환경 변수(Environment variable) 설정

• 기본적인 에러 핸들링(error handling) 및 로깅(logging)

• 예외적인 케이스(edge cases)에 대한 제한적인 에러 핸들링

• 불완전한 테스트 커버리지

• 커스터마이징 옵션이 제한된 기본적인 UI

• 대량의 요청 발생 시 잠재적인 성능 문제

• Anthropic의 캐시된 메시지에 대한 비용 계산이 정확하지 않음

Cursor Lens에 대한 기여를 환영합니다! 시작하는 방법에 대한 자세한 내용은 기여 가이드(Contributing Guide)를 참조해 주세요.

Cursor Lens는 GNU Affero General Public License v3.0 (AGPL-3.0)에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.

문제가 발생하거나 질문이 있는 경우, GitHub 리포지토리에 이슈(issue)를 등록하거나 유지 관리자에게 직접 문의해 주세요.

더 자세한 정보는 공식 문서를 방문해 주세요.

Cursor Lens와 함께 즐거운 코딩(Happy coding) 되세요!