Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>LaLaPlanNew to Visual Studio Code? Get it now.
LaLaPlan

LaLaPlan

alyduho

| (0) | Free
AI 수정 제안을 시각적으로 리뷰하는 마크다운 기획서 도우미
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

LaLaPlan

AI 수정 제안을 시각적으로 리뷰하는 마크다운 기획서 도우미 VS Code 확장 프로그램입니다.

제안 리뷰 패널 다이어그램 뷰

주요 기능

  • 제안 리뷰 패널 — 사이드바에서 AI가 생성한 기획서 개선 제안을 카드 형태로 확인
  • 인라인 하이라이트 — 제안이 있는 라인을 에디터에서 노란색으로 강조 표시
  • CodeLens 액션 — 에디터 라인 위에 Accept | Reject 버튼이 표시되어 바로 처리
  • 탭 전환 — 전체 제안, 섹션별 조언, 다이어그램 탭으로 구분하여 리뷰
  • 다이어그램 뷰 — 기획서의 플로우차트를 시각적으로 확인
  • 일괄 처리 — 모든 제안을 한 번에 수락 또는 거절

설치

Extensions 패널에서 LaLaPlan 검색 후 설치

  • VS Code / Cursor — VS Code Marketplace에서 설치
  • Windsurf / Antigravity — Open VSX에서 설치

사용법

1. 기획서 열기

마크다운 기획서 파일(.md)을 에디터에서 엽니다.

2. AI 제안 생성

Claude Code에서 /LaLaSuggest docs/파일명.md를 실행하면 .suggestions.json 파일이 자동 생성됩니다.

3. 제안 리뷰

  • 사이드바 LaLaPlan 패널이 자동으로 활성화됩니다
  • 전체 제안 탭에서 각 제안 카드를 확인합니다
  • 각 제안에 대해 거절, 수정, 선택안 수락 버튼으로 처리합니다
  • 에디터에서 하이라이트된 라인의 CodeLens(Accept | Reject)로도 처리할 수 있습니다

4. 다이어그램 확인

다이어그램 탭에서 기획서의 흐름도를 시각적으로 확인할 수 있습니다.

제안 파일 구조

프로젝트/
├── docs/
│   ├── example.md                    # 기획서 원본
│   └── .alyplan/
│       └── example/
│           └── example.suggestions.json  # AI 제안

설정

설정 기본값 설명
alyplan.highlightColor rgba(255, 213, 79, 0.15) 제안 라인 하이라이트 색상
alyplan.gutterIconColor #FFD54F 거터 아이콘 색상

개발

npm install   # 의존성 설치
npm run build # 빌드
npm run watch # 개발 모드

라이선스

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft