0xnyn/airship

해결하는 문제

Airship은 코드 에디터와 별도의 디자인 도구 사이를 전환할 필요를 없앱니다. 실행 중인 개발 서버 위에 직접 위치하는 비주얼 인터페이스를 제공하여, 페이지의 요소를 선택하고 AI 에이전트가 소스 코드를 자동으로 업데이트하도록 할 수 있습니다.

작동 방식

Airship은 기존 개발 서버(Vite, Next.js, Rails 등) 앞에서 실행되는 프록시 역할을 합니다. CLI를 로컬 포트에 지정하면 브라우저에서 비주얼 에디터가 열립니다. 그런 다음 요소를 선택하고 변경 사항을 설명하고 AI 에이전트(Claude, Codex, OpenCode)를 선택하여 해당 변경 사항을 파일에 직접 적용할 수 있습니다. 두 가지 모드를 지원합니다: 여러 기기 프레임에 앱을 표시하는 '캔버스' 보기와 에디터를 라이브 페이지에 직접 오버레이하는 '인라인' 보기입니다.

대상 사용자

외부 디자인 소프트웨어에서 UI를 재구축하거나 코드 줄을 수동으로 찾지 않고 웹 애플리케이션을 시각적으로 조정하려는 개발자.

주요 기능

• 제로 구성 통합: 플러그인, 종속성 또는 프로젝트 빌드 프로세스 변경이 필요 없습니다.
• 라이브 비주얼 편집: 변경 사항이 소스 파일에 직접 적용되며, 편집 실행 취소를 지원합니다.
• 다중 기기 캔버스: 하나의 이동 가능한 캔버스에서 다양한 화면 크기의 앱을 동시에 보고 편집할 수 있습니다.
• 개인 정보 보호 중심: 어떤 것도 기기 밖으로 나가지 않습니다. 계정 생성이 필요 없고 원격 측정 데이터도 수집하지 않습니다.
• 유연한 에이전트 지원: 기존 Claude, Codex 또는 OpenCode 구성 및 인증과 함께 작동합니다.