개발부터 배포까지, 탭 하나씩 넘기며 완성합니다.
스크린샷을 드래그하면 AI가 CALS 표준에 맞는 웹컴포넌트 UI를 자동 생성합니다. DevGuide 10개 문서가 프롬프트에 자동 연동되어 표준을 준수합니다.
반복되는 작업을 자동화하고, 개발에만 집중하세요.
사전 설치된 Claude Code를 터미널에서 바로 실행하고, 스크린샷을 드래그 앤 드롭하면 AI가 CALS 웹컴포넌트 코드를 자동 생성합니다. 10개의 개발 가이드 문서가 프롬프트에 자동 연동되어 CALS 표준을 준수합니다. UI 개발과 로직 개발을 분리하여 단계별로 진행합니다.
새 버전이 릴리스되면 앱이 자동으로 감지합니다. 한 번의 클릭으로 최신 버전을 다운로드하고 적용할 수 있습니다.
macOS와 Windows 모두 지원합니다. Electron 기반으로 동일한 경험을 제공합니다.
웹컴포넌트가 실제 동작하는 것과 동일한 Shadow DOM 환경에서 미리봅니다. 스타일 충돌 없이 정확한 결과를 확인하세요.
CALS 환경 테스트 시 로그인 과정을 자동 처리합니다. webRequest 후킹으로 S3 요청을 로컬 서버로 리다이렉트합니다.
Meta API로 BusinessObject 구조를 탐색하고, Claude가 와이어프레임 기반으로 UI-BO 필드 매핑을 제안합니다. 단계별 확인 모드와 자동 분석 모드를 선택하여 인터랙티브하게 로직을 설계합니다. 런타임/개발 환경 자동 분기가 내장됩니다.
새 세션, 이전 세션 이어서, Claude만 실행 중 선택하여 개발 흐름에 맞게 터미널을 제어합니다.
Node.js, npm 레지스트리, Claude Code CLI를 설치합니다. 아래 가이드를 따라 순서대로 진행하세요.
플랫폼에 맞는 설치 파일을 다운로드합니다. macOS는 DMG, Windows는 설치 관리자를 제공합니다. 설치 후 바로 실행할 수 있습니다.
Extension Path를 프로젝트 폴더로 지정하고, CALS 환경(호스트, 포트, 프로젝트 도메인)을 설정합니다. 프리셋으로 설정을 저장하면 프로젝트 전환이 편리합니다.
개발 탭에서 터미널을 열고 Claude Code를 실행합니다. 스크린샷을 붙여넣기만 하면 AI가 CALS 표준에 맞는 웹컴포넌트를 생성합니다.
brew install node# https://nodejs.org 에서 LTS 다운로드
# 또는 winget:
winget install OpenJS.NodeJS.LTSnode -v
→ v18.x.x 이상
npm config set @cals:registry http://repo.calsplatz.com:4873/npm config get @cals:registry
→ http://repo.calsplatz.com:4873/
npm install -g @anthropic-ai/claude-codeclaude 입력 후 안내에 따라 인증하세요.
CALS 웹컴포넌트 개발에 필요한 모든 것이 하나의 앱에 담겨 있습니다. 무료로 다운로드하고 바로 사용하세요.
v1.5.1 · 자동 업데이트 지원 · macOS 12+ / Windows 10+