PageRivet 3.3.0-beta.3 업데이트

PageRivet 3.3.0-beta.3 업데이트

PageRivet 3.3.0-beta.3가 업데이트되었습니다.

이번 버전의 가장 큰 변화는 Inspector와 디자인 모드의 추가입니다.

이제 Preview에서 원하는 요소를 직접 선택한 뒤 텍스트, 링크, 이미지, 색상, 크기, 여백, 정렬, Flex/Grid 등 다양한 속성을 Inspector에서 수정할 수 있습니다.

또한 디자인 모드를 통해 선택한 요소를 마우스로 이동하거나 크기를 조절할 수 있으며, 변경 내용은 Source Mapping을 기반으로 실제 원본 코드에 반영됩니다.

주요 변경 사항

• Inspector 추가

  • Preview 요소 선택 및 강조
  • 텍스트·링크·이미지·폼 속성 수정
  • 글꼴, 색상, 여백, 크기, 테두리, Flex/Grid 등 스타일 편집
  • Inspector 속성 검색 지원

• 디자인 모드 추가

  • Preview에서 요소 이동 및 크기 조절
  • 변경 내용을 원본 코드에 최소 범위로 반영

• Source Mapping 추가

  • HTML, PageRivet YAML, Markdown 및 추적 가능한 DOM을 실제 원본 위치와 연결
  • 원본 위치를 정확히 확인할 수 없는 요소는 임의로 수정하지 않고 읽기 전용으로 유지

• 작업공간 개선

  • 프로젝트, Inspector, Preview, 편집기, History, MCP 로그 등을 자유롭게 탭으로 결합·분리
  • 탭 순서와 레이아웃 저장
  • 메인 화면에서 MCP 연결 상태 확인 가능

• 기타 개선 및 수정

  • 새 프로젝트 Preview의 색상 표시 문제 수정
  • Preview 대상 페이지 선택 문제 수정
  • Jekyll 프로젝트 내보내기 문제 수정
  • Jekyll Site 내보내기 프리셋 추가

Inspector 사용 안내

현재 Inspector와 디자인 모드는 시험적인 단계로 제공되고 있습니다.

요소의 구조나 Source Mapping 가능 여부에 따라 일부 항목은 아직 사용할 수 없거나 편집이 제한될 수 있습니다. 지속적인 개선을 통해 지원 범위와 안정성을 높여 보다 편리하게 사용할 수 있도록 완성해 나가겠습니다.

이번 업데이트를 통해 PageRivet은 AI에게 모든 수정을 요청하는 방식에서 한 단계 더 나아가, AI로 초안을 만들고 세부적인 수정은 사용자가 직접 처리할 수 있는 환경에 조금 더 가까워졌습니다.

다운로드 및 자세한 안내는 PageRivet 공식 홈페이지에서 확인할 수 있습니다.

https://pagerivet.app/