MonoSketch - ASCII 기반 다이어그램 제작 도구

• 텍스트만으로 아이디어를 시각적 설계로 변환할 수 있는 클라이언트-온리 웹 애플리케이션
• Kotlin으로 작성된 후 JS로 컴파일된 오픈소스. SASS/Tailwind 사용
• 사각형, 선, 텍스트 박스 등 기본 도형 블록을 조합해 복잡한 구조나 시스템 다이어그램을 표현 가능
• 형식 지정 기능을 통해 단순한 ASCII 문자를 다양한 스타일의 시각적 요소로 변환
• PowerPoint나 Google Slides 없이도 프레젠테이션 제작과 시각적 설명을 가능하게 하는 도구

개요

• MonoSketch는 ASCII 스케치 및 다이어그램 제작 앱으로, 아이디어를 시각적으로 표현할 수 있는 도구
  • 텍스트 기반 인터페이스를 통해 복잡한 회로도, 시스템 구조, 네트워크 흐름 등을 ASCII 문자로 구성
  • “Unleash your ideas with ASCII”라는 슬로건 아래, 단순한 텍스트로도 시각적 설계를 가능하게 함

기본 구성 요소

• Rectangle, Line, Text box 등 기본 그리기 기능 제공
  • 다양한 테두리 스타일, 채우기 문자, 화살표 장식 지원
  • 둥근 모서리 처리로 시각적 완성도 향상
• 편집 기능 중심의 인터랙티브 환경
  • 무한 캔버스로 자유로운 스크롤과 확대/축소 지원
  • 자동 저장 및 다중 프로젝트 관리 기능 제공
  • 복사, 잘라내기, 붙여넣기, 중복 등 표준 편집 명령 지원
  • 레이어 관리와 스마트 스냅핑으로 정밀한 도형 정렬 가능
  • 다크 모드 지원
• 내보내기 기능
  • 선택 영역 또는 전체 다이어그램을 텍스트로 즉시 복사
  • 단축키 지원: macOS Cmd + Shift + C, Windows/Linux Ctrl + Shift + C
• 향후 로드맵
  • 그룹화 기능으로 복잡한 구조의 도형 관리
  • 페인트 도구를 통한 자유 곡선 및 문자 기반 드로잉
  • GitHub Gist 공유 및 URL 불러오기 등 협업 기능 확장 예정

애플리케이션 및 UI

• app.monosketch.io 를 통해 웹에서 이용 가능
  • 검색창, 버튼, 워크스페이스, 패널 등 UI 요소를 ASCII로 표현한 목업 포함
  • 로그인 화면, 회원가입 폼 등도 ASCII 형태로 시각화
• 프레젠테이션 제작 기능을 통해 PowerPoint나 Google Slides 없이도 발표 자료 구성 가능

기술 스택 및 라이선스

• Kotlin/JS 기반으로 전체 애플리케이션 구현 (Kotlin 으로 개발 후 JS로 컴파일)
• SASS 및 Tailwind CSS를 활용한 스타일링
• Gradle 빌드 시스템 사용 (핫 리로드 개발 모드 지원)
• Python 3.11+ 및 Pipenv를 통한 대체 개발 서버 옵션 제공
• Apache License 2.0 오픈소스