Shuro
전체 목록

Penpot

브라우저에서 쓰는 오픈소스 디자인 툴. 결과물은 웹 표준 그대로.

추천하는 이유

피그마처럼 브라우저에서 화면을 디자인하고 함께 작업합니다. 결과물이 SVG·CSS 같은 웹 표준이라 개발로 넘기기 쉽고, 공식 클라우드를 무료로 쓰거나 로 직접 띄울 수 있어 한 회사 서비스에 묶이지 않습니다.

AI 에이전트로 설치하기

준비물

  • 브라우저 하나 (공식 클라우드 무료 계정)
  • 직접 운영하려면 , , 메모리가 넉넉한 컴퓨터

바로 (직접 운영하면 약 30분)

  1. penpot.app에서 무료 계정으로 바로 시작
  2. 직접 운영하려면 아래 프롬프트를 에 붙여 넣기
  3. http://localhost:9001 에서 계정 만들기

Claude Code나 Cursor 같은 코딩 에이전트에 붙여 넣으세요. ChatGPT 채팅창에서는 명령이 실행되지 않습니다.

Docker로 Penpot을 내 컴퓨터에 띄워 줘.
- Penpot 공식 문서의 self-host(Docker) 안내에 있는 docker-compose 파일을 내려받아 써 줘.
- 시작 전에 내 컴퓨터 메모리를 확인해서 부족하면 미리 알려 줘.
- 끝나면 http://localhost:9001 에서 계정을 만드는 단계까지 안내해 줘.

시작하기 전에 이미 설치된 것과 포트 충돌을 확인해 줘. 명령을 실행하기 전마다 무엇을 하는지 한 줄로 설명하고, 삭제·덮어쓰기·외부 공개가 필요한 작업은 실행 전에 꼭 물어봐 줘.
Docker

프로그램을 필요한 부품과 함께 상자에 담아 실행하는 도구입니다. 설치가 꼬이지 않고 지울 때도 깔끔합니다. Docker Desktop은 개인 사용이 무료입니다.

코딩 에이전트

내 컴퓨터에서 명령을 대신 실행해 주는 AI 앱입니다(Claude Code, Cursor 등). 대화만 하는 ChatGPT 채팅창과 달리 설치 명령을 직접 돌립니다.

MPL-2.0

자유롭게 쓸 수 있습니다. 이 프로젝트의 파일을 고쳐서 배포하면, 고친 그 파일만 공개하면 됩니다.