TUI 스튜디오 프로젝트는 콘솔 인터페이스 디자인을 위한 시각적 환경을 개발합니다.

텍스트 터미널에서 실행되는 사용자 인터페이스용 시각적 디자인 환경인 TUI Studio(Visual Terminal UI Designer)의 코드가 공개되었습니다. 이 환경을 사용하면 미리 만들어진 블록을 드래그 앤 드롭하여 상호 작용적인 시각적 인터페이스를 생성하고, 속성을 시각적으로 편집하고, 결과를 실시간으로 미리 볼 수 있습니다. 생성된 인터페이스 레이아웃은 Ink, BubbleTea, Blessed, Textual, OpenTUI 및 Tview 프레임워크에서 사용할 수 있도록 내보낼 수 있습니다.

이 프로젝트는 React, Vite, Zustand, Tailwind CSS, Lucide React를 사용하여 TypeScript로 작성되었습니다. 코드는 MIT 라이선스에 따라 배포됩니다. 개발 과정의 주요 특징 중 하나는 TUI Studio 코드의 거의 대부분이 AI 비서 Claude에 의해 작성되었다는 점입니다.

TUI Studio는 20개 이상의 미리 만들어진 인터페이스 구성 요소(버튼, 메뉴, 테이블, 목록, 진행 표시기, 대화 상자, 툴팁 등)를 제공하며, 8가지 디자인 테마, 밝은 모드 및 어두운 모드, 그라데이션 채우기, ASCII 색상 및 강조 색상을 지원합니다. 변경 사항을 되돌릴 수도 있습니다. 사용자 지정 인터페이스를 통해 자신만의 구성 요소를 만들 수도 있습니다. 프로젝트는 JSON 형식으로 저장됩니다.

출처 : opennet.ru