PageRivet 1.1.1 — AI와 함께 사용하는 Windows 웹 코드 에디터
PageRivet은 HTML, CSS, JavaScript로 구성된 정적 웹 프로젝트를 만들고 편집하며 결과를 바로 확인할 수 있는 Windows 데스크톱 에디터입니다.
저는 전문 프로그래머가 아닙니다. 웹 빌더에서 사용할 HTML/CSS/JavaScript를 AI로 만들면서 생성된 코드를 확인하고 수정해 다시 적용하는 과정이 불편해 직접 사용할 도구로 시작했습니다. 간단한 코드 편집·미리보기 프로그램에서 출발해 실제 사용하면서 필요한 기능을 추가해 현재 형태로 발전했습니다.
현재 다중 HTML/CSS/JavaScript 편집, WebView2 미리보기, 코드 검증, 오류·콘솔 확인, History/Undo/Redo, 과거 상태 복원, 외부 파일 변경 감지, 내보내기 등을 지원합니다. AI 연동은 특정 서비스에 종속되지 않도록 MCP 방식을 사용하며 Codex, Claude Code, Cursor, VS Code/GitHub Copilot 등 여러 MCP 클라이언트가 프로젝트를 읽고 분석하거나 사용자 승인과 검증을 거쳐 코드를 수정할 수 있습니다.
기획과 기능·동작 방식은 직접 정하고, 구현에는 AI를 적극적으로 활용한 바이브코딩 방식을 사용했습니다. PageRivet은 웹 빌더나 전문 IDE를 대체하기보다는 정적 HTML/CSS/JavaScript 작업과 AI 협업에 집중한 도구입니다.
현재 테스트 배포 버전은 PageRivet 1.1.1 / Windows x64 Portable이며, 주요 기능 구현 후에는 비정상 종료 복구, 구조 정리, 스트레스 테스트, 진단 기능 등 안정성 개선을 진행했습니다.
아직 다양한 실제 사용자 환경에서의 검증이 부족합니다. 실행·사용 중 오류, 불편한 작업 흐름, MCP 연결 및 AI 작업 과정의 문제 등에 대해 피드백을 주실 테스터를 찾고 있습니다. 웹 개발자뿐 아니라 전문적으로 코드를 다루지는 않지만 AI를 활용해 웹 작업을 해보고 싶은 분의 피드백도 환영합니다.
PageRivet — AI와 함께 사용하는 Windows 웹 코드 에디터
댓글
로그인 후 댓글을 남길 수 있습니다.
AI가 만든 코드를 확인·수정·복원하는 실제 작업 흐름에서 출발했다는 점이 인상적입니다. 비전문 사용자 대상 테스트에서는 오류 메시지와 되돌리기 경험이 특히 중요한 검증 지점이 될 것 같습니다.
감사합니다. 직접 ai에게 html 요청 -> 확인 -> 수정요청 하는 과정이 번거롭기도 하고 의도 전달이 제대로 되지 않는 문제가 불편해서 직접 만들어보기로 했습니다. 시작은 단순히 css버튼 만들기 정도였는데 하다보니 프로젝트가 많이 커졌습니다ㅎ 개발환경의 pc로는 제대로 검증할수 없는 문제도 있고 실제 사용 가능한 수준으로 다듬어 베포까지 할 목적입니다. 관심 가져주셔 감사합니다.