Copilot Image Reader
VS Code 확장으로 GitHub Copilot의 Language Model API를 사용하여 이미지를 분석합니다.
기능
- 📷 이미지 분석: GitHub Copilot의 비전 기능을 활용하여 이미지 분석
- 🤖 AI 기반: GPT-4o 같은 비전 지원 모델 사용
- 💬 Chat Participant: VS Code Chat에서
@image로 호출
요구사항
- Visual Studio Code 1.108.1 이상
- GitHub Copilot 구독 (GPT-4o 또는 비전 지원 모델 접근 권한)
사용 방법
Chat 열기
Ctrl+Shift+I (Windows/Linux) 또는 Cmd+Shift+I (Mac)- 또는 활동 표시줄에서 Chat 아이콘 클릭
이미지 분석
- Chat에서
@image를 입력
- 📎 버튼을 클릭하거나 이미지 파일을 드래그 앤 드롭
- 질문이나 요청 입력 (예: "이 이미지를 React 컴포넌트로 만들어줘")
예시 프롬프트
@image 이 UI 디자인을 Tailwind CSS로 구현해줘
@image 이 다이어그램을 설명해줘
@image 이 에러 스크린샷을 분석하고 해결 방법 알려줘
지원 이미지 형식
- PNG (.png)
- JPEG (.jpg, .jpeg)
- GIF (.gif)
- WebP (.webp)
- BMP (.bmp)
개발 및 테스트
확장 실행
- VS Code에서 이 프로젝트 열기
F5 키를 눌러 Extension Development Host 실행- 새 창에서 Chat을 열고
@image 사용
빌드
npm run compile
Watch 모드
npm run watch
문제 해결
"No vision-capable language models are available"
- GitHub Copilot 구독이 활성화되어 있는지 확인
- GPT-4o 또는 다른 비전 지원 모델에 대한 액세스 권한 확인
"does not support images"
- 현재 선택된 모델이 이미지를 지원하지 않습니다
- 이 확장은 GPT-4o 같은 비전 지원 모델을 자동으로 선택합니다
Release Notes
0.0.1
Initial release - GitHub Copilot을 사용한 이미지 분석 기능
Following extension guidelines
Ensure that you've read through the extensions guidelines and follow the best practices for creating your extension.
Working with Markdown
You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:
- Split the editor (
Cmd+\ on macOS or Ctrl+\ on Windows and Linux).
- Toggle preview (
Shift+Cmd+V on macOS or Shift+Ctrl+V on Windows and Linux).
- Press
Ctrl+Space (Windows, Linux, macOS) to see a list of Markdown snippets.
Enjoy!
| |
