도구별 실전 가이드 · 공식 정보 확인 2026-08-20
airship 사용법: 무료로 시작하는 가장 현실적인 방법
실행 중인 웹 앱을 반응형 캔버스에 띄우고 요소를 선택해 Claude Code·Codex·OpenCode가 원본 소스를 수정하게 한다. airship의 첫 실전 과제는 “로컬 데모 페이지의 모바일 버튼 여백만 시각적으로 조정한다”이며, 이 흐름을 직접 통제할 사람에게 맞습니다.
이럴 때 맞습니다
- “이 결제 버튼은 375px 화면에서 좌우 여백을 16px로 맞춰 줘” 같은 입력으로 airship의 핵심 기능을 시험하려는 사람
- 선택한 요소의 실제 소스 한 곳만 변경되고 데스크톱 프레임과 모바일 프레임에서 diff를 되돌릴 수 있다. 기준으로 airship 결과를 직접 검수할 수 있는 경우
- Windows·macOS·Linux·CLI·Web 환경에서 MIT 코드를 직접 설치·관리하려는 작업
이럴 때는 멈추세요
- 개발 서버 앞단에서 동작하는 에이전트 연동 비주얼 UI 편집 CLI 설치·모델 준비·업데이트를 관리하지 않고 즉시 완성된 서비스를 원하는 경우
- 다음 위험을 사람이 확인할 수 없는 작업: 기본 모드는 에이전트가 프로젝트 밖 파일과 네트워크에도 접근할 수 있으므로 첫 실행은 Git 저장소에서 `--safe`와 작은 수정 범위를 사용해야 한다.
처음 해볼 작업 3가지
로컬 앱을 반응형 캔버스에 연결
개발 서버가 데스크톱·모바일 프레임에서 동시에 열린다.
모바일 버튼을 DOM에서 지정
선택한 결제 버튼과 실제 소스 위치가 연결된다.
--safe 수정과 양쪽 프레임 비교
좌우 16px 여백만 바뀌며 desktop 레이아웃은 유지된다.
무료 조건과 주의점
MIT 오픈소스 소프트웨어는 횟수 제한 없이 실행 가능. 연결한 모델 API·서버·GPU 비용은 별도. 외부 제품 연동의 계정 조건은 공식 README에서 재확인 필요
MIT 오픈소스 소프트웨어는 횟수 제한 없이 실행 가능. 연결한 모델 API·서버·GPU 비용은 별도. 외부 제품 연동의 계정 조건은 공식 README에서 재확인 필요
MIT 저장소 코드는 상업적으로 사용할 수 있지만, 모델 가중치·입력 자료·생성물·번들 자산의 권리는 각각 따로 확인해야 합니다.
기본 모드는 에이전트가 프로젝트 밖 파일과 네트워크에도 접근할 수 있으므로 첫 실행은 Git 저장소에서 `--safe`와 작은 수정 범위를 사용해야 한다.
직접 대안과 비교
- onlook — Onlook도 실행 중인 웹 UI 요소를 시각적으로 선택해 실제 프런트엔드 소스를 수정한다.