스테이지와이즈

스테이지와이즈

stagewise

브라우저에서 UI를 직접 편집하면 로컬 코드에 자동 반영되는 AI 프런트엔드 에이전트

부분 무료WebDesktop오픈소스LLM 기반멀티모달
웹사이트 방문하기stagewise.io

검증된 사실

최신 버전
v1.9.02026-04-27
GitHub
★ 6,492
최근 변경
2026-06-01 stagewise가 v1.0.0 정식 프로덕션 릴리스로 전환하고 네이티브 워크트리 관리, 야간 빌드 채널, 사용자 제어 터미널 기능을 공개하였습니다. 소스: https://stagewise.io/

2026-06-15 직접 확인 · 자동 검증 데이터

제품 화면

스테이지와이즈 제품 화면

2026-06-15 확인

가격 정보

부분 무료시작 가격: Free / $20/mo (Pro)

무료 체험판(Trial)은 일일 약 10개의 프롬프트를 제공하며 기본적인 기능을 테스트할 수 있다. Pro 플랜은 월 €20(약 $21.6)부터 시작하며 일일 약 100개의 프롬프트와 우선 지원을 포함한다. 프론트엔드 개발을 위한 AI 코딩 에이전트 기능을 지원한다.

가격표 확인하기

최근 업데이트와 소식

온룩와(과) 비교하기

소개AI 요약

stagewise는 실제 코드베이스를 위한 오픈소스 에이전트 IDE입니다. 로컬에서 실행 중인 웹 앱의 UI 요소를 브라우저에서 직접 클릭하고 명령을 내리면 로컬 소스 코드를 즉시 수정합니다. YC S25 배치 출신으로 GitHub 6,500개 이상의 스타를 기록했으며, AGPL-3.0 라이선스로 제공됩니다. 2026년 4월 기준 최신 버전 0.11.4가 릴리스되었으며, 브라우저 툴바에서 전자(Electron) 기반 개발자 브라우저로 피벗 중입니다.

활용 워크플로우

입력

로컬 프로젝트 저장소 (Root Directory)브라우저 DOM 및 CSS 스타일 메타데이터실시간 웹 앱 런타임 (localhost)사용자 시각적 요소 선택 및 자연어 프롬프트

스테이지와이즈

브라우저-IDE 간 컨텍스트 동기화 (Bridge Mode)LLM 기반 UI 구성 요소 분석 및 코드 변환 로직 생성로컬 파일 시스템 직접 수정 및 소스 코드 주입HMR(Hot Module Replacement) 연동 실시간 시각적 반영

출력

수정된 프론트엔드 소스 코드 (.tsx, .vue, .css 등)디자인 시스템 가이드 준수 UI 업데이트자동 생성된 Pull Request 및 변경 이력즉시 사용 가능한 인터랙티브 웹 컴포넌트

Bridge Mode (외부 에이전트 연동)

Cursor, Windsurf, GitHub Copilot 등 기존에 사용 중인 IDE 에이전트와 브라우저 툴바를 연결하여 워크플로우 통합

Native Agent Mode

Stagewise의 자체 프론트엔드 특화 에이전트를 사용하여 브라우저 내에서 즉각적인 코드 수정 및 스타일링 수행

Reverse Engineering Branch

기존 웹사이트의 요소, 스타일 시스템 및 컬러 팔레트를 분석하여 자신의 코드베이스로 복사 및 재사용

핵심 차별점: 브라우저를 IDE로 활용하여 실제 UI 요소를 선택하는 것만으로 로컬 코드베이스를 실시간 수정하는 브라우저 중심의 프론트엔드 전용 코딩 에이전트

주요 기능AI 요약

  • 브라우저 내 UI 요소 직접 클릭으로 코드 수정 요청
  • Cursor, Windsurf, Copilot 등 AI 에이전트 연동 브릿지
  • DOM/CSS 메타데이터 및 스크린샷 기반 정밀 컨텍스트 공유
  • React, Vue, Svelte, Angular 등 프레임워크 독립적 지원
  • 로컬 CLI 및 브라우저 익스텐션 기반 보안 아키텍처
  • 완전 오픈소스(AGPL-3.0), BYOK 전체 AI 공급자 지원

장점 & 단점AI 분석

공식 정보와 공개 피드백을 함께 정리한 참고 메모입니다

장점

  • 로컬에서 실행되어 브라우저 내에서 작동
  • 로컬 코드베이스에서 직접 변경 사항 적용
  • 다양한 프레임워크 및 설정과 호환성 보장
  • 시각적으로 앱 프론트엔드 구축 가능

활용 사례AI 요약

  • 자연어로 UI 레이아웃 및 스타일 실시간 수정
  • 백엔드 개발자가 프런트엔드 코드를 직접 편집
  • 디자이너와 개발자 간 즉각적인 피드백 반영
  • 기존 웹 컴포넌트의 스타일 분석 및 조정
  • AI 에이전트에게 시각적 컨텍스트 제공하여 정확도 향상

사용자 리뷰

리뷰를 불러오는 중...

심층 비교 — 무엇을 골라야 할까

스테이지와이즈와(과) 비슷한 도구를 가격·기능·실사용 관점에서 비교한 결정 가이드

대안 도구

이 도구 대신 사용할 수 있는 대안