깃허브 오픈소스 추천 4가지, PhotoCraft·VoiceStudio 설치법

요즘 깃허브에서 관심이 몰린 오픈소스 저장소 네 개를 골라, 설치부터 첫 결과물까지 27단계로 따라 하게 정리했습니다. 포토샵을 새로 짠 이미지 편집기 PhotoCraft, 내 컴퓨터에서 도는 AI 음성 VoiceStudio, 말로 모션 그래픽을 만드는 하이퍼프레임(HyperFrames), 앱을 거꾸로 분석하는 REA입니다. 깃허브 오픈소스 추천 목록을 볼 때 함께 따져야 할 한계와 라이선스도 같이 적었습니다.

깃허브 오픈소스 추천 4가지 한눈에 보기

네 저장소의 기본 정보입니다. 별(관심 표시) 수는 2026년 10월 17일 기준이고 빠르게 바뀌니 저장소에서 다시 확인합니다.

네 도구 모두 장점만 있는 것은 아닙니다. PhotoCraft는 만든 팀 스스로 초기 알파 단계라 매일 쓰는 전문 작업에서 포토샵을 대신할 수준은 아직 아니라고 밝힙니다. VoiceStudio는 쓸 만하지만 음질이 상용 서비스만큼 뛰어나다고 보기는 어렵습니다. 하이퍼프레임은 스타일을 지시하지 않으면 결과물이 밋밋하게 나옵니다.

PhotoCraft: 포토샵을 새로 짠 오픈소스 이미지 편집기

PhotoCraft는 아트크래프트(ArtCraft) 팀이 러스트(Rust) 언어로 처음부터 새로 만든 이미지 편집기입니다. 포토샵 코드를 쓰지 않고 공개 사양과 겉으로 보이는 동작만 보고 다시 짜는 클린룸 방식으로 만들었다고 밝힙니다.

메뉴, 단축키, 패널 위치가 포토샵과 거의 같아 포토샵을 써 본 사람은 금방 적응합니다. 레이어, 마스크, 조정 레이어, 레이어 스타일, 문자, 벡터, 브러시 같은 기본 기능이 있고 PSD 파일도 열고 편집하고 저장합니다. 앱도 무료이고 맥⁠·윈도⁠·리눅스⁠·웹 브라우저용이 모두 있습니다.

처음부터 AI 에이전트가 다룰 수 있게 만든 점이 다릅니다. 메뉴와 도구 500여 개가 모두 명령으로 등록돼 있어서, 화면에서 누르는 일을 명령줄 도구(CLI)나 MCP 서버로도 똑같이 할 수 있습니다. 그래서 클로드에게 말로 작업을 시킬 수 있습니다.

같은 팀은 크래프팅 앱(Crafting Apps)이라는 이름으로 다른 프로그램도 오픈소스로 다시 만들고 있습니다. 영상 편집 FilmCraft, 사진 현상 LightCraft, 벡터 일러스트 VectorCraft, PDF 편집 PdfCraft, 모션 그래픽 EffectCraft, 문서 WordCraft, 스프레드시트 GridCraft, 프레젠테이션 DeckCraft, 설계 CADCraft 등입니다. 2026년 10월 기준 PhotoCraft·PdfCraft·FigCraft만 초기 알파이고 나머지는 개발 중입니다.

VoiceStudio: 내 컴퓨터에서 무료로 쓰는 AI 음성

VoiceStudio는 일레븐랩스(ElevenLabs) 같은 AI 음성 서비스를 내 컴퓨터 안에서 쓰게 만든 오픈소스입니다. 목소리 복제(보이스 클로닝), 원하는 목소리를 말로 설명해 만들기(보이스 디자인), 영상 더빙, 받아쓰기, 오디오북 만들기를 할 수 있고 646개 언어를 지원한다고 밝힙니다.

작업은 내 하드웨어에서 돌아갑니다. 엔비디아 그래픽카드(윈도⁠·리눅스)와 애플 실리콘 맥에서 빠르고, 그래픽카드가 없는 PC도 CPU로 쓸 수 있지만 느립니다. 인텔 맥은 화면만 쓰고 계산은 다른 컴퓨터에 맡겨야 합니다.

앱은 AGPL-3.0 라이선스입니다. 음성 모델과 목소리, 만든 음성 파일의 이용 조건은 모델마다 따로 정해져 있으니 상업적으로 쓰려면 앱 안의 모델 안내를 확인합니다.

하이퍼프레임: 말로 설명하면 영상 파일로

하이퍼프레임은 HTML(웹페이지를 만드는 언어)로 영상 장면을 짜고 그것을 MP4 영상으로 렌더링하는 헤이젠(HeyGen)의 오픈소스 도구입니다. 클로드가 웹페이지를 만들듯 화면을 짜고, 움직임을 넣고, 브라우저에서 한 프레임씩 찍어 영상으로 묶는 원리입니다. 그래서 자막, 모션 그래픽, 간단한 영상 편집을 별도 편집 프로그램 없이 말로 만들 수 있습니다.

비슷한 도구로 리모션(Remotion)이 있습니다. 둘 다 크롬과 FFmpeg로 영상을 만들고 성능도 괜찮아서, 무엇을 쓸지는 취향 차이에 가깝습니다. 차이는 작성 방식과 라이선스입니다. 리모션은 리액트(React) 컴포넌트로 장면을 쓰고 일정 규모 이상 회사는 유료 라이선스가 필요한 반면, 하이퍼프레임은 일반 HTML로 쓰고 Apache-2.0 라이선스라 렌더링 비용이나 상업 이용 기준이 없습니다.

REA: 앱을 거꾸로 분석하는 도구

REA(Reverse Engineer Anything)는 AI 에이전트가 완성된 앱을 거꾸로 분석해 기능의 원리를 찾도록 도구를 이어 주는 오픈소스입니다. 소스 코드가 없어도 앱을 직접 들여다보고, 기능이 어떻게 돌아가는지 근거와 함께 설명합니다.

클로드에게 "이 앱처럼 만들어 줘"라고 하면 지금도 어느 정도 만들어 줍니다. 하지만 겉 화면만 보고 안쪽은 추측해서 만들기 때문에 써 보면 다르게 동작하는 경우가 많습니다. REA는 앱 안에서 실제로 확인한 근거를 클로드에게 넘깁니다. 분석 도구들을 MCP로 클로드 코드에 연결하고, 도구 쓰는 법을 알려 주는 스킬을 같이 넣는 방식입니다.

준비물

• 터미널
• 클로드 코드
• Node.js와 npm(REA·하이퍼프레임용). REA는 Node.js 22.19 이상(22.x), 24.11 이상(24.x) 또는 26 이상, 하이퍼프레임은 Node.js 22 이상과 FFmpeg가 필요합니다.
• REA로 분석할 내가 만든 앱이나 웹사이트(또는 분석을 허락받은 것)
• PhotoCraft로 작업할 이미지 1장
• VoiceStudio로 복제할 내 목소리 파일. 잡음이 적은 깨끗한 녹음일수록 결과가 좋습니다.
• 비용: 네 도구 모두 무료 오픈소스입니다. 클로드 코드 사용료는 따로 듭니다.

깃허브 오픈소스 4가지 따라 하기 27단계

REA 설치하기

먼저 법적 주의부터 봅니다. 다른 사람이 만든 상용 앱을 마음대로 뜯어보는 건 대부분 이용약관 위반이고, 경우에 따라 법적인 문제가 될 수도 있습니다. REA도 내가 소유했거나 분석을 허락받은 소프트웨어에, 학습⁠·연구⁠·호환성 확보 목적으로만 쓰라고 밝힙니다. 처음에는 내가 만든 앱으로 시작합니다.

1~7단계는 순서대로 진행합니다.

1단계. 터미널을 연다

• 맥: Cmd+Space를 누르고 terminal을 입력한 뒤 엔터를 누릅니다.
• 확인: 명령을 입력할 수 있는 창이 뜹니다.

2단계. REA 설치 명령어 한 줄을 입력한다

npx rea-agents setup

• 확인: 명령어가 터미널 입력줄에 보입니다. 공식 저장소는 github.com/… 입니다.

3단계. 엔터를 누른다

• 확인: 어떤 에이전트에 연결할지 묻는 목록이 뜹니다.

4단계. 연결할 에이전트로 클로드 코드를 선택한다

• 확인: 바꿀 설정 내용을 보여 주고, 다음 질문(Hopper 설치 여부)으로 넘어갑니다.

5단계. Hopper 설치 질문에 답한다

• 판단: Hopper는 설치형 프로그램 안쪽을 들여다보는 분석 도구입니다. 웹사이트만 분석할 거라면 건너뛰어도 되고, 맥 설치형 앱까지 볼 거라면 승인합니다.
• 확인: 설치가 끝납니다.

6단계. Hopper 창이 뜨면 데모 모드로 시작한다

• 확인: Hopper가 데모 모드로 실행됩니다. Hopper는 유료 라이선스가 있는 상용 도구라, 계속 쓰려면 정식 라이선스를 등록합니다.

7단계. 클로드 코드를 다시 켠다

• 확인: 켜져 있던 클로드 코드를 /exit로 닫고 claude로 다시 켭니다. /mcp를 입력하면 연결 목록에 REA가 보입니다.

REA로 내 웹사이트 분석하기

8단계. 클로드 코드에 내 웹사이트 주소만 주고 분석을 요청한다

REA로 https://내사이트주소 를 분석해서 내부 구조가 어떻게 구성됐는지 정리해 줘.
소스 코드는 보지 말고 사이트만 보고 판단해 줘. 항목마다 어디서 확인했는지 근거를 붙이고, 확인하지 못한 것은 모른다고 표시해 줘.

• 확인: 분석이 시작되고 완료됩니다.
• 팁: 정답을 이미 아는 내 사이트로 해야 정확도를 직접 확인할 수 있습니다.

9단계. 분석 결과를 읽는다

• 확인: 내부 구조가 정리돼 있고, 항목마다 어디서 확인했는지 근거가 붙어 있습니다.

10단계. 결과를 내 실제 코드와 비교한다

• 확인: 근거가 붙은 항목이 실제 코드와 맞는지 봅니다. 한 사례에서는 틀리게 분석한 항목이 없었고, 모른다고 표시한 부분은 추측했다면 대부분 틀렸을 내용이었습니다. 사이트마다 결과는 다를 수 있습니다.

PhotoCraft 설치하고 클로드로 썸네일 만들기

11단계. PhotoCraft 웹사이트에 들어간다

• 위치: getartcraft.com/… (깃허브 저장소는 github.com/…)
• 확인: 다운로드 버튼이 있는 페이지가 열립니다.

12단계. 다운로드 버튼을 누른다

• 확인: 내 운영체제용 설치 파일이 내려받아집니다. 맥은 .dmg, 윈도는 .msi입니다.

13단계. 같은 페이지 아래에 있는 CLI 파일을 다운로드한다

• 위치: 다운로드 목록의 명령줄 도구. 맥은 photocraft-cli-<버전>-macos-universal.zip처럼 따로 나뉘어 있습니다. 깃허브 Releases 페이지에도 같은 파일이 있습니다.
• 확인: CLI 파일이 내 컴퓨터에 저장됩니다. 압축을 풀어 둡니다.

14단계. 클로드에게 CLI 파일로 예시 썸네일을 만들어 달라고 요청한다

다운로드 폴더의 photocraft-cli를 사용해서, 준비해 둔 이미지 sample.jpg로 유튜브 썸네일 예시를 만들어 줘.
제목 글자와 배경 보정은 각각 별도 레이어로 남기고, 결과는 PSD와 PNG로 저장해 줘.

• 확인: 클로드가 PhotoCraft 작업을 시작하고 완료합니다. 파일 이름과 위치는 내 것으로 바꿉니다.
• 참고: 클로드가 PhotoCraft를 MCP 도구로 직접 다루게 하려면 photocraft-cli mcp 명령으로 MCP 서버를 띄울 수 있습니다.

15단계. 결과물의 레이어를 확인한다

• 확인: 결과물이 이미지 한 장이 아니라 레이어로 하나하나 남아 있습니다.
• 팁: 클로드가 해 놓은 작업 위에 PhotoCraft나 포토샵으로 직접 이어서 수정할 수 있습니다.

VoiceStudio 설치하고 내 목소리 복제하기

16단계. VoiceStudio 공식 페이지에서 에이전트용 설치 프롬프트를 복사한다

• 위치: github.com/… 의 "Install with prompt" 항목. 원문은 아래와 같습니다.

Install the VoiceStudio Electron app on this device and verify it works, following
https://github.com/debpalash/VoiceStudio/blob/main/docs/install/agent.md

• 확인: 설치 프롬프트가 클립보드에 들어 있습니다. 뜻은 "이 기기에 VoiceStudio 앱을 설치하고, 안내 문서에 따라 제대로 동작하는지 확인해 줘"입니다.

17단계. 복사한 프롬프트를 클로드 코드에 붙여 넣는다

• 확인: 프롬프트가 클로드 코드 입력창에 보입니다.

18단계. 엔터를 누른다

• 확인: 클로드가 하드웨어를 확인하고, 모델을 내려받기 전에 묻고, 시험 음성까지 만든 뒤 설치를 마칩니다.
• 대안: 터미널에서 직접 설치하려면 맥⁠·리눅스는 curl -fsSL https://voicestudio.sh/install | sh, 윈도 PowerShell은 irm https://voicestudio.sh/install | iex를 입력합니다.

19단계. 보이스 클로닝 메뉴로 들어간다

• 확인: 목소리 복제 화면(Voice cloning)이 열립니다.

20단계. 내 목소리 파일을 넣어 목소리를 복제한다

• 확인: 내 목소리가 복제됩니다. 필요한 모델이 없으면 설치하라는 안내가 뜹니다.
• 주의: 목소리 복제는 반드시 내 목소리나 허락받은 목소리로만 합니다. 남의 목소리를 흉내 낸 음성은 사기나 명예훼손에 악용될 수 있습니다.

21단계. 읽힐 대본을 입력한다

• 확인: 대본 입력칸에 글이 들어가 있습니다.

22단계. 생성 버튼을 누른다

• 확인: 복제한 목소리로 대본을 읽은 음성이 나옵니다. 어느 정도 비슷하게 나오지만 상용 서비스만큼 자연스럽지는 않을 수 있습니다.
• 주의: 컴퓨터 사양에 따라 생성 속도가 크게 차이 납니다. 그래픽카드가 없는 PC는 꽤 기다려야 합니다.

하이퍼프레임 설치하고 모션 그래픽 만들기

23단계. 하이퍼프레임 플러그인 설치 명령을 복사한다

• 위치: github.com/… README의 설치 안내. 클로드 코드용 플러그인은 아래 두 줄입니다.

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

• 확인: 설치 명령이 클립보드에 들어 있습니다.
• 대안: 스킬만 설치하려면 클로드 코드 입력창에 npx skills add heygen-com/hyperframes --all을 붙여 넣는 방법도 있습니다.

24단계. 복사한 명령을 터미널에 붙여 넣고 실행한다

• 확인: 플러그인 설치가 끝납니다. 클로드 코드를 다시 켜면 /hyperframes:hyperframes로 부를 수 있습니다.

25단계. 클로드에게 모션 그래픽을 만들어 달라고 요청한다

하이퍼프레임으로 오늘 설치한 깃허브 저장소 4개(PhotoCraft, VoiceStudio, 하이퍼프레임, REA)를 한 번에 소개하는 15초짜리 세로 모션 그래픽을 만들어 줘.
흰 배경에 남색 글자, 저장소마다 이름이 아래에서 올라오는 효과로.

• 확인: 모션 그래픽이 만들어집니다.
• 팁: 별다른 지시 없이 요청하면 결과가 밋밋합니다. 색, 글꼴, 길이, 화면 비율, 움직임처럼 원하는 스타일을 적을수록 결과가 다양해집니다.

26단계. 브라우저 미리 보기로 결과를 확인한다

• 확인: 브라우저에서 결과를 미리 봅니다. 직접 띄울 때는 npx hyperframes preview, 영상 파일로 뽑을 때는 npx hyperframes render를 씁니다.

27단계. 마음에 안 드는 부분을 말로 고쳐 달라고 요청한다

• 확인: "두 번째 장면 글자를 더 크게"처럼 요청하면 그 부분이 고쳐집니다.

깃허브 오픈소스 설치 후 점검

• REA 설치 후 클로드 코드를 다시 켰고 /mcp에 REA가 보인다
• 내 웹사이트 분석 결과에 근거가 붙어 있다
• PhotoCraft 결과물이 레이어로 남아 있다
• VoiceStudio로 내 목소리 음성이 생성됐다
• 하이퍼프레임 모션 그래픽을 브라우저에서 미리 봤다
• REA와 목소리 복제는 내 것이나 허락받은 대상에만 썼다

오픈소스가 유료 툴을 따라잡을 때 남는 것

유료 툴을 누군가 오픈소스로 다시 만들고, 남이 만든 앱을 들여다보기도 점점 쉬워지고 있습니다. 그래서 구독형 소프트웨어(SaaS)는 끝났다는 말까지 나옵니다. 오래 공들인 제품을 이렇게 쉽게 다시 만드는 게 꼭 옳은 일인지에 대해서도 의견이 갈립니다.

분명한 것도 있습니다. 코드는 다시 만들 수 있어도, 사용자들이 쌓은 신뢰와 오래 다듬어 온 사용 경험은 똑같이 만들어도 그대로 가져올 수 없습니다. 앞으로 남는 건 무엇을, 왜, 누구를 위해 만드느냐일 가능성이 큽니다. 사용자 입장에서는 오픈소스를 고를 때 기능 목록보다 업데이트가 꾸준한지, 라이선스가 내 용도에 맞는지를 먼저 봅니다.