haydenschmitty/floorplan

어떤 프로젝트인가요?

핵심 기능

• 01앱 전체에서 개별 파일과 엔드포인트까지 확대·축소할 수 있는 지도
• 02import를 추적하고 여러 저장소에 걸친 프론트엔드 요청과 백엔드 엔드포인트를 연결
• 03노출된 키, 개방된 데이터베이스 규칙, 검증되지 않은 웹훅, 인증되지 않은 엔드포인트를 점검하는 Health check
• 04AI 어시스턴트가 변경한 구성 요소를 보여 주는 Recent work 뷰
• 05PRD나 사양을 바탕으로 계획된 시스템의 초안을 작성하는 Blueprint 모드

활용 사례

• 코드를 전부 읽지 않고도 AI 지원을 받아 대부분 만들어진 앱 파악하기
• 여러 저장소로 구성된 프로젝트에 새 팀원 온보딩하기
• AI 코딩 세션에서 무엇이 왜 변경되었는지 검토하기
• 출시 전에 흔히 발생하는 보안 설정 오류 찾아내기

빠른 시작

1. 1

   Claude Code에 Floorplan 마켓플레이스 추가하기

   claude plugin marketplace add haydenschmitty/floorplan
2. 2

   Floorplan 플러그인 설치하기

   claude plugin install floorplan@floorplan
3. 3

   새 세션에서 Claude Code에 앱의 플로어플랜을 만들어 달라고 요청하기

4. 4

   브라우저에 표시된 맵을 열어 둘러보기

사용 전 알아둘 점

• !Node.js 18 이상과 Claude Code 또는 Codex가 필요합니다.
• !데스크톱 앱에서 맵의 Ask 바가 실제 코드를 읽으려면 Claude Code CLI를 설치해야 합니다.

포함된 컬렉션

토픽

자주 묻는 질문

floorplan은(는) 무엇인가요?

Claude Code나 Codex가 그려 주는, 구성 요소와 파일, 엔드포인트 및 서로 간의 연결을 보여 주는 인터랙티브한 평이한 언어의 코드베이스 지도입니다. Floorplan은 기존 앱을 읽고 확대·축소할 수 있는 평이한 언어의 지도로 만들어 주는 Claude Code 및 Codex 플러그인입니다. 구성 요소와 파일, 웹 엔드포인트에 설명적인 이름을 붙이고, 서로 간의 import와 프론트엔드에서 백엔드로 보내는 요청을 연결선으로 표시합니다. 별도의 저장소에 걸친 연결도 보여 줍니다.

floorplan은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

floorplan은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

floorplan은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. floorplan의 마지막 커밋은 2026년 11월 2일입니다.

floorplan은(는) 어디에 사용할 수 있나요?

코드를 전부 읽지 않고도 AI 지원을 받아 대부분 만들어진 앱 파악하기 여러 저장소로 구성된 프로젝트에 새 팀원 온보딩하기 AI 코딩 세션에서 무엇이 왜 변경되었는지 검토하기 출시 전에 흔히 발생하는 보안 설정 오류 찾아내기

floorplan는 어떻게 설치하나요?

Claude Code에 Floorplan 마켓플레이스 추가하기: claude plugin marketplace add haydenschmitty/floorplan Floorplan 플러그인 설치하기: claude plugin install floorplan@floorplan 새 세션에서 Claude Code에 앱의 플로어플랜을 만들어 달라고 요청하기 브라우저에 표시된 맵을 열어 둘러보기

floorplan은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/haydenschmitty/floorplan