데브허브 | DEVHUB | Stagewise + Cursor, Windsurf: Make YOUR AI Coder 10X Better with this OPENSOURCE TOOL!Stagewise + Cursor, Windsurf: Make YOUR AI Coder 10X Better with this OPENSOURCE TOOL!
- StageWise는 프런트엔드 UI를 코드 편집기의 AI 코드 에이전트(Cursor, Windsurf)에 연결하는 오픈소스 브라우저 툴바입니다. 🔗
- 개발 중인 웹 애플리케이션에 임시 오버레이를 추가하여 앱 내에서 직접 UI 요소를 선택하고 AI에게 변경 사항을 요청할 수 있습니다. 💬
- 웹페이지와 코드 편집기 사이를 오갈 필요 없이 UI 수정 작업을 효율적으로 수행할 수 있으며, API 키가 필요 없습니다. 🚀
- AI 에이전트에게 DOM 요소, 스크린샷, 메타데이터를 전송하여 라이브 요소에 직접 작업을 할당할 수 있습니다. 📸
- 현재 Cursor 및 Windsurf와 호환되며, React, Vue, Svelte용 플레이그라운드를 제공하고, 향후 VS Code의 C-Pilot 및 Klein과의 통합을 계획 중입니다. 💻
- StageWise는 SDK로도 활용 가능하여 애플리케이션이 Cursor나 Windsurf에 프롬프트를 직접 전송하도록 프로그래밍할 수 있습니다. 🛠️
- (스폰서) Dart는 AI 기반 프로젝트 관리 도구로, AI를 활용하여 작업 생성, 관리, 중복 감지 등을 수행하며 다른 AI 클라이언트와도 연동됩니다. 🎯
- UI 미세 조정과 같이 시각적인 변경이 필요한 작업에서 스크린샷을 찍고 설명하는 번거로움 없이 매우 유용하게 활용될 수 있습니다. ✨