r/codex•약 2개월 전•38•23
Codex SDK 기반의 Figma 스타일 비주얼 에디터를 오픈소스로 공개합니다
I open-source a Figma-like visual editor on top of the Codex SDK
핵심 요약
Codex SDK를 활용해 실행 중인 앱에서 직접 UI를 수정하고 실시간으로 코드를 변경할 수 있는 오픈소스 도구 'Airship'을 소개합니다.
- Airship 도구 — 실행 중인 앱에서 직접 UI를 수정하고 실시간으로 소스 코드를 변경함
- 실시간 피드백 — 스트리밍 diff와 인라인 실행 취소 기능을 통해 즉각적인 변경 사항 확인 가능
- 멀티 디바이스 지원 — 데스크톱과 모바일 화면을 동시에 비교하며 UI 작업 가능
- 오픈소스 공개 — 별도의 플러그인이나 빌드 변경 없이 MIT 라이선스로 자유롭게 사용 가능
UI를 별도의 디자인 도구에서 다시 만들지 않고 실험해보고 싶었습니다.
그래서 Codex SDK 기반으로 Airship을 만들었습니다.
이 도구는 개발 서버를 감싸서 실행 중인 앱에서 직접 실험할 수 있게 해줍니다. 요소를 선택하고 변경하고 싶은 내용을 설명하면, Codex가 실시간으로 소스 코드를 수정하는 것을 볼 수 있습니다.
스트리밍 diff, 인라인 실행 취소, 그리고 데스크톱과 모바일 화면을 동시에 볼 수 있는 사이드 바이 사이드 디바이스 프레임을 제공합니다.
플러그인도, 빌드 변경도 필요 없습니다. 기존 앱과 기존 Codex 구독만 있으면 됩니다.
완전한 오픈소스이며 MIT 라이선스입니다. 포크하고, 스타를 누르고, 당신만의 것으로 만드세요.
프로젝트 링크는 댓글에 있습니다.
