화니의 세상

Open Design은 AI를 활용해 웹 프로토타입, 모바일 화면, 대시보드, 발표 자료 같은 디자인 산출물을 생성할 수 있도록 만든 오픈소스 프로젝트입니다.
특히 클라우드 서비스에만 의존하지 않고, 사용자가 보유한 코딩 에이전트 CLI나 API 키를 활용해 로컬 중심의 디자인 워크플로를 구성할 수 있다는 점이 특징입니다.

Open Design을 한 줄로 소개하면, AI 에이전트를 디자인 작업에 연결해 실제 결과물까지 만들어주는 로컬 우선 디자인 제작 도구라고 할 수 있습니다. 저장소 설명에 따르면 Claude Code, Codex CLI, Cursor Agent, Gemini CLI, GitHub Copilot CLI 등 다양한 코딩 에이전트 CLI를 감지해 디자인 엔진처럼 사용할 수 있으며, CLI가 없는 경우에도 OpenAI 호환 BYOK 방식의 프록시를 통해 비슷한 흐름을 사용할 수 있도록 설계되어 있습니다.

이 서비스의 핵심은 단순히 “프롬프트를 입력하면 화면을 그려준다”에 머물지 않는다는 점입니다. Open Design은 사용자가 만들고 싶은 결과물의 목적, 대상, 톤, 브랜드 맥락 등을 먼저 정리하도록 돕고, 이후 선택한 스킬과 디자인 시스템을 바탕으로 산출물을 생성하는 구조를 갖고 있습니다. 내장 스킬에는 웹 프로토타입, SaaS 랜딩 페이지, 대시보드, 모바일 앱, 소셜 캐러셀, 매거진 포스터, 와이어프레임, 피치덱, 주간 업데이트 덱 등 다양한 유형이 포함되어 있어 디자인·마케팅·제품·운영 업무에 폭넓게 활용할 수 있습니다.

실제 활용 장면을 떠올려보면 Open Design의 장점이 더 분명해집니다. 예를 들어 스타트업 팀이 투자자용 피치덱을 빠르게 만들고 싶을 때, “시드 라운드를 위한 매거진 스타일 피치덱”처럼 요청하면 Open Design은 먼저 필요한 정보를 묻고, 시각적 방향을 정한 뒤, 산출물을 샌드박스 iframe에서 미리보기 형태로 보여주는 흐름을 제공합니다. 생성된 결과물은 HTML, PDF, ZIP 등으로 내려받을 수 있어 초안 제작과 검토, 수정 작업에 바로 연결하기 좋습니다.

비슷한 AI 디자인 도구와 비교했을 때 Open Design이 눈에 띄는 부분은 “열린 구조”입니다. 저장소는 Apache-2.0 라이선스를 사용하며, 로컬 실행, Vercel 웹 레이어 배포, 선택적 Electron 데스크톱 앱 등 여러 형태의 사용 방식을 제시합니다. 또한 Linear, Stripe, Vercel, Airbnb, Notion, Apple, Figma 등 여러 제품 스타일을 참고할 수 있는 디자인 시스템 라이브러리를 제공해, 빈 화면에서 시작하는 부담을 줄여줍니다.

Open Design은 디자이너뿐 아니라 제품 기획자, 개발자, 마케터, 창업팀에게도 유용합니다. 빠르게 랜딩 페이지의 방향을 잡고 싶은 팀, 모바일 앱 화면의 초안을 보고 싶은 기획자, 발표 자료나 소셜 콘텐츠의 시각적 콘셉트를 실험하고 싶은 마케터, AI 에이전트를 기존 개발 환경과 연결해보고 싶은 개발자라면 특히 관심을 가져볼 만합니다. 완성형 디자인 툴이라기보다는, 아이디어를 구조화하고 시각적 산출물로 빠르게 바꿔보는 제작 환경에 가깝습니다.

정리하면 Open Design은 AI 디자인 생성의 가능성을 오픈소스와 로컬 워크플로 안으로 가져오려는 프로젝트입니다. 확인 가능한 저장소 내용만 보더라도, 다양한 스킬·디자인 시스템·샌드박스 미리보기·내보내기 기능을 중심으로 실험적인 디자인 제작 흐름을 잘 갖추고 있습니다. AI를 활용한 프로토타이핑이나 디자인 초안 제작에 관심이 있다면, Open Design은 한 번 살펴볼 가치가 있는 프로젝트입니다.

https://github.com/nexu-io/open-design

Quarkdown은 일반적인 Markdown 문법을 확장해 책, 논문, 발표자료, 지식 베이스, 웹사이트까지 만들 수 있도록 설계된 문서 제작 도구입니다.
간결한 작성 방식은 유지하면서도 함수, 변수, 레이아웃, 스크립팅 기능을 더해 복잡한 문서 작업까지 대응할 수 있다는 점이 특징입니다.

Quarkdown은 “Markdown with superpowers”라는 설명처럼, 단순한 마크다운 편집기를 넘어선 현대적인 Markdown 기반 조판 시스템입니다. 하나의 프로젝트를 바탕으로 인쇄용 책, 학술 논문, 지식 베이스, 인터랙티브 프레젠테이션 등 다양한 형태의 결과물로 컴파일할 수 있도록 만들어졌습니다. 문서를 여러 포맷으로 관리해야 하는 개발자, 연구자, 기술 문서 작성자에게 특히 유용한 도구라고 볼 수 있습니다.

가장 눈에 띄는 부분은 Markdown의 읽기 쉬운 구조를 유지하면서도 훨씬 더 강력한 표현력을 제공한다는 점입니다. Quarkdown은 CommonMark와 GitHub Flavored Markdown을 기반으로 하며, 여기에 함수 호출과 여러 문법 확장을 더했습니다. 또한 표준 라이브러리를 통해 레이아웃 빌더, 입출력, 수식, 조건문, 반복문 같은 기능을 제공하고, 사용자가 직접 함수와 변수를 정의할 수도 있습니다.

활용 방식도 꽤 넓습니다. 예를 들어 연구자는 논문 초안을 작성하면서 목차, 수식, 레이아웃을 관리하고 PDF로 출력할 수 있고, 개발팀은 기술 문서를 docs 형태로 구성해 위키나 지식 베이스처럼 활용할 수 있습니다. 강의자나 발표자는 같은 Markdown 기반 문서에서 슬라이드 형식의 프레젠테이션을 만들 수도 있습니다. Quarkdown은 HTML의 plain, paged, slides, docs 형태를 지원하고, PDF와 plain text 출력도 제공한다고 설명되어 있습니다.

일반적인 Markdown 도구와 비교했을 때 Quarkdown이 돋보이는 지점은 “작성의 단순함”과 “출력물 제어” 사이의 균형입니다. README의 비교표에서는 LaTeX, Typst, AsciiDoc, MDX와 함께 Quarkdown을 비교하며, 간결한 문법, 문서 제어, 스크립팅, 책·기사·프레젠테이션·정적 사이트·문서/위키 출력 같은 항목을 강조하고 있습니다. 물론 이 비교는 프로젝트 자체의 기준이지만, Quarkdown이 단순 노트 작성보다는 완성도 있는 문서 제작 워크플로를 지향한다는 점은 분명해 보입니다.

실제 작업 흐름에서도 편의성을 고려한 기능들이 보입니다. CLI로 프로젝트를 생성할 수 있고, .qd 소스 파일을 컴파일해 결과물을 만들 수 있으며, --preview와 --watch 옵션을 함께 사용하면 소스 변경에 따라 자동으로 다시 컴파일되는 라이브 프리뷰 환경을 구성할 수 있습니다. VS Code 확장도 제공되어, Markdown 기반으로 글을 쓰는 사람들에게 비교적 익숙한 편집 환경을 이어갈 수 있습니다.

Quarkdown은 문서를 단순히 “쓰는 것”에서 그치지 않고, 하나의 원천 문서를 다양한 목적의 결과물로 발전시키고 싶은 사람에게 잘 맞는 도구입니다. 논문이나 책처럼 형식이 중요한 문서를 작성하는 사람, 개발 문서를 체계적으로 관리하려는 팀, 발표자료와 웹 문서를 같은 방식으로 다루고 싶은 사용자라면 살펴볼 만합니다. 다만 기능이 강력한 만큼 기본 Markdown만 쓰던 사용자에게는 함수와 문서 타입 설정 같은 개념을 익히는 시간이 필요할 수 있습니다.

정리하자면 Quarkdown은 Markdown의 간결함을 유지하면서도 LaTeX나 문서 생성 도구에서 기대하는 구조화·자동화·출력 제어 기능을 더한 프로젝트입니다. 단순 메모 앱보다는 전문 문서 제작 도구에 가깝고, 특히 여러 형식의 결과물을 하나의 작성 흐름으로 관리하고 싶은 사용자에게 매력적인 선택지가 될 수 있습니다.

https://github.com/iamgio/quarkdown

OpenAI·Gemini·Claude·Codex 계열 인터페이스를 하나의 프록시 서버로 묶어 주는 오픈소스 프로젝트입니다.
여러 AI CLI와 계정을 함께 다루는 흐름에 초점을 맞추고 있어, 개발 환경을 조금 더 유연하게 정리하고 싶은 사람에게 특히 눈에 들어오는 도구입니다.

CLIProxyAPI는 한 줄로 말하면, 다양한 AI 코딩용 CLI를 공통된 API 형태로 연결해 주는 프록시 서버입니다.

README에서는 OpenAI·Gemini·Claude·Codex 호환 API 인터페이스를 제공한다고 소개하고 있고, OpenAI Codex와 Claude Code는 OAuth 로그인도 지원합니다. 덕분에 특정 서비스 하나에 맞춰 사용 방식을 바꾸기보다, 익숙한 클라이언트나 SDK를 유지한 채 여러 백엔드를 연결하는 방향에 더 가깝습니다.

기능 구성을 보면 이 프로젝트의 성격이 더 선명해집니다. 스트리밍과 비스트리밍 응답을 모두 지원하고, 함수 호출과 도구 사용, 텍스트와 이미지 입력 같은 멀티모달 처리까지 포함합니다. 여기에 Gemini·OpenAI·Claude 계정을 여러 개 연결해 라운드로빈 방식으로 부하를 분산하는 기능도 제공하며, OpenAI 호환 업스트림 제공자를 설정으로 붙일 수 있게 설계되어 있습니다. 단순히 “요청을 전달하는 프록시”라기보다, 여러 모델과 계정을 실제 운영 환경에서 다루기 위한 중간 레이어에 가깝다는 인상을 줍니다.

활용 장면도 비교적 분명합니다. 예를 들어 한 개발자가 Claude Code, Gemini CLI, Codex 계열 도구를 프로젝트나 상황에 따라 번갈아 쓰고 있다면, CLIProxyAPI를 통해 인증과 라우팅을 한곳에서 관리하는 흐름을 생각해볼 수 있습니다. README에는 Amp CLI와 IDE 확장 지원도 별도로 정리되어 있고, 모델 매핑, 자동 라우팅, 보안 중심의 localhost 전용 관리 엔드포인트 같은 설명도 포함돼 있어, 개인 실험용을 넘어 실제 개발 워크플로에 맞춘 설계 의도가 읽힙니다.

비슷한 성격의 프록시나 릴레이 도구와 비교했을 때 눈에 띄는 점은 “호환성의 폭”과 “운영 편의성”입니다. 하나의 모델 제공사만 다루는 도구가 아니라 OpenAI·Gemini·Claude·Codex 계열을 함께 묶고, OAuth 로그인, 다중 계정 로드밸런싱, SDK 문서, Management API, Amp 연동까지 함께 제시합니다. 또 README에는 이 프로젝트를 바탕으로 만든 메뉴바 앱, 대시보드, VSCode 확장, 쿼터 모니터링 도구 등 여러 파생 프로젝트도 소개되어 있어서, 단일 스크립트 수준을 넘어 하나의 생태계처럼 확장되고 있다는 점도 흥미롭습니다.

그래서 이 프로젝트는 여러 AI 코딩 도구를 함께 쓰는 개발자, 계정 운영이나 인증 방식을 일관되게 묶고 싶은 사용자, 혹은 OpenAI 호환 인터페이스를 기준으로 다양한 백엔드를 연결하고 싶은 팀에게 특히 잘 맞아 보입니다. 반대로 아주 단순하게 한 서비스만 호출하면 되는 경우라면 다소 큰 구성처럼 느껴질 수 있지만, 여러 공급자와 모델을 유연하게 연결해야 하는 순간에는 장점이 분명해집니다. 

정리하면 CLIProxyAPI는 “여러 AI CLI를 하나의 공통 API 계층으로 정리해 주는 오픈소스 프록시”라는 점에서 가치가 분명한 프로젝트입니다. 지원 범위가 넓고, 다중 계정과 OAuth, 라우팅과 호환성까지 함께 다루기 때문에, AI 코딩 도구를 본격적으로 쓰는 사람일수록 활용도가 커질 만한 레포지토리입니다. 

https://github.com/router-for-me/CLIProxyAPI