스크립트 한 줄
</body> 앞에 스크립트 한 줄을 붙이면 화면 오른쪽 아래에 개선 리포트 버튼이 생깁니다.
PREVIEW
나비픽스
fixhub
사이트 화면의 개선 리포트를
Claude Code·Codex가 처리합니다
사이트에 스크립트 한 줄을 붙이면 개선 리포트 버튼이 생기고, 서버에 연결한 Claude Code 또는 Codex가 그 리포트를 처리합니다. 반영 방식은 계획 후 승인(기본), 브랜치·PR 작성, 바로 반영·배포 세 가지 중에서 프로젝트별로 고르며, 브랜치·PR 작성과 바로 반영은 AI 자동 처리를 허용한 리포트에만 적용됩니다.
가입은 운영자 승인 후 이용할 수 있습니다. 승인된 계정은 콘솔(새 창)에 로그인해 프로젝트를 만듭니다.
내 사이트
기능
리포트를 남기고,
AI와 대화하고, 반영합니다
화면에서 짚은 요청이 리포트가 되고, 연결된 Claude Code 또는 Codex가 리포트별 대화에 계획과 질문을 남깁니다.
짚어서 요청
요소 지정으로 문제 부분을 클릭해 리포트를 등록합니다. 작성 위치로 이동하면 해당 요소를 강조해 보여 줍니다.
AI와 대화
리포트별 대화에서 AI의 계획과 질문을 보고 답합니다. 새 답은 10초마다 표시됩니다.
반영 방식 선택
계획 후 승인(기본)·브랜치·PR·바로 반영 중에서 고릅니다. 기본 방식(계획 후 승인)에서는 DB 마이그레이션·의존성·인프라·인증 변경도 승인 후 반영합니다.
AI 에이전트 연결
Claude Code는 세션이 켜져 있는 동안 리포트를 감시하고, Codex는 $fixhub로 요청할 때 처리합니다. 10분·1회용 코드로 연결합니다.
보안 기본값
허용한 주소에서만 위젯 창이 열립니다. 리포트에 저장되는 주소에서 token·password 같은 값은 자동으로 빼고, 키는 해시로 저장합니다.
가입은 운영자 승인 후 이용할 수 있고, 사이트 HTML 수정 권한과 Claude Code 또는 Codex가 설치된 서버가 필요합니다. 요금은 아직 확정되지 않았습니다.
도입 흐름
붙이고, 요청하고,
승인 후 반영
위젯을 붙인 사이트에서 초대받은 구성원이 요청을 남기면, 연결된 AI 에이전트가 계획을 세우고 정해 둔 방식으로 반영합니다.
-
01
사이트에 위젯 스크립트 한 줄 추가
프로젝트를 만든 뒤 사이트의 </body> 앞에 스크립트 한 줄을 붙입니다. AI 설치 프롬프트나 설치 한 줄을 쓰면 이 작업을 AI가 계획으로 제안하고, 승인한 뒤 반영합니다.
설치 한 줄에는 git과 python3(3.8 이상)가 필요하며, 설치 스크립트 내용은 미리 열람할 수 있습니다.
-
02
초대받은 구성원이 위젯으로 개선 요청
리포트는 초대받은 계정으로 로그인해 씁니다. 화면 오른쪽 아래 개선 리포트 버튼으로 요청을 씁니다. 요소 지정으로 문제 부분을 클릭해 짚을 수 있고, 스크린샷 붙여넣기와 파일 첨부도 지원합니다.
'의견 피드백'을 체크하면 AI가 먼저 질문합니다.
-
03
Claude Code 플러그인이 계획을 세우고 승인 후 반영
상주하는 Claude Code 플러그인이 리포트를 받아 계획을 세웁니다. 기본 방식에서는 승인한 뒤 반영하고, 처리 메모에 원인·수정 내용·테스트 결과를 남깁니다.
Codex는 $fixhub로 요청할 때 한 번 처리하며, 새 리포트에 자동으로 다시 실행되지 않습니다.
도입 매뉴얼의 전체 순서는 계정 만들기(운영자 승인) → 프로젝트 만들기 → 스크립트 붙이기 → 사람 초대 → Claude Code 또는 Codex 연결입니다. 첫 연결에는 관리 권한이나 담당자 도움이 필요할 수 있습니다.
나비픽스
도입 순서는
가이드에서 먼저 확인하세요
설치·운영 가이드는 웹 페이지와 PDF 내려받기로 제공합니다. 가입은 운영자 승인 후 이용할 수 있으며, 도입 환경에 대한 질문은 문의로 남겨 주세요.