Projekt
Projekt · 이미지 · 코딩
Projekt는 AI 코딩 에이전트로 개발하는 사람을 위한 비주얼 워크스페이스다. Claude Code, Codex, Gemini CLI, Opencode 같은 도구를 라이브 미리보기와 편집 가능한 DOM을 갖춘 하나의 인터페이스로 묶는다. 원하는 것을 평이한 언어로 설명하고, 에이전트가 코드를 쓰는 동안 페이지가 갱신되는 모습을 지켜본 뒤, 아무 요소나 클릭해 손으로 조정한다. 핵심은 단순하다. 프롬프트 중심 개발의 속도를 유지하면서 결과에 대한 직접 통제를 놓지 않는다.
Projekt 소개
Projekt란 무엇인가
Projekt는 미리보기, 편집 가능한 DOM, 그리고 선택한 코딩 에이전트를 같은 창에 놓는 데스크톱형 AI 코딩 워크스페이스다. 이미 돈을 내고 쓰는 에이전트를 연결하고, Projekt를 프로젝트 폴더로 향하게 한 다음, 자연스러운 언어로 변경 사항을 설명하기 시작한다. 그게 전부다.
해결하는 문제는 단순하다. "에이전트가 코드를 썼다"와 "페이지가 제대로 보인다" 사이에는 틈이 있다. 대부분의 AI 코딩 도구는 터미널이나 편집기에서 멈춘다. Projekt는 대화 옆에 돌아가는 브라우저 미리보기를 유지한다. 변경이 즉시 나타나므로 diff를 읽는 대신 눈으로 판단한다.
가장 큰 한계는 Projekt 자체가 코딩 에이전트가 아니라는 점이다. 자체 모델이 없다. 전혀 없다. 자신의 에이전트와 자신의 API 키, 또는 구독을 가져온다. Claude Code나 Codex 같은 환경이 이미 없다면 Projekt는 혼자서 할 수 있는 일이 많지 않다. 또한 우선 웹 프런트엔드를 겨냥한 워크스페이스다. 작업이 대부분 백엔드나 모바일이라면 미리보기의 도움이 줄어든다.
시작하기
- Projekt를 설치한 뒤 사용하려는 AI 코딩 에이전트(Claude Code, Codex, Gemini CLI, Opencode 등)를 추가한다.
- 그 에이전트들을 위해 자신의 API 키나 구독을 연결한다.
- Projekt를 기존 폴더로 향하게 하거나 프롬프트로 새 프로젝트를 시작한다. 설정도 상용구 코드도 필요 없다.
- 원하는 변경을 설명하고, 에이전트가 코드를 쓰는 동안 라이브 미리보기가 갱신되는 모습을 본다.
- 아무 요소나 선택해 인라인으로 편집하거나 스타일을 시각적으로 조정한 뒤 커밋하고 배포한다.
제품 정보
Projekt의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- 프롬프트는 쓸 수 있지만 코드 편집기에 살고 싶지 않은 프로덕트 디자이너
- 이미 코딩 에이전트에 돈을 내는 프런트엔드 개발자
- 랜딩 페이지를 내놓는 창업자와 인디 개발자
작업
- 웹 UI를 만들고 다듬기
- 기존 사이트 손보기
- 대략적인 아이디어로 레이아웃 시제품 만들기
활용 상황
- 랜딩 페이지를 출시로 밀어붙이며 배포 전에 자잘한 시각 디테일을 고치는 상황. 같은 창에서 인라인 편집하고 커밋할 수 있기 때문이다.
- 오늘 당장 클릭할 수 있는 것이 필요한 급한 고객 데모. 완전한 디자인 명세가 아니다.
- 물려받은 코드베이스 정리. 자기가 쓰지 않은 diff를 읽는 것보다 각 변경을 라이브로 보는 편이 낫다.
주요 기능
자신의 에이전트 가져오기
Projekt는 모델을 묶어 넣지 않는다. 로그인해서 이미 쓰는 코딩 에이전트(Claude Code, Codex, Gemini CLI, Opencode 등)를 설치하고 자신의 키를 연결한다. 나중에 에이전트를 바꿔도 워크스페이스는 그대로다. 바로 그게 요점이다.
실시간 미리보기
에이전트가 만든 모든 변경은 코드가 쓰이는 동안 라이브 미리보기에 나타난다. 빌드를 기다릴 필요가 없다. 브라우저를 새로 고칠 필요도 없다. 페이지가 한 걸음씩 형태를 갖추는 모습을 보므로, 에이전트가 요청을 잘못 이해한 순간이 바로 드러난다.
편집 가능한 DOM
미리보기 중인 페이지에서 아무 요소나 선택해 직접 편집하거나 스타일을 손으로 조정할 수 있다. 순수한 채팅-투-코드 도구를 앞서는 지점이 여기다. 에이전트가 거의 끝까지 데려간다. 나머지는 또 다른 프롬프트를 쓰는 대신 시각적으로 마무리한다.
프롬프트 중심 인터페이스
주된 작업 방식은 원하는 것을 설명하는 것이다. 그다음 지켜본다. 인터페이스는 당신의 프롬프트와 에이전트의 활동을 나란히 놓으므로, 프로젝트를 분석하고 컴포넌트를 만들고 스타일을 쓰는 단계가 진행되는 대로 보인다.
설정도 상용구도 없음
Projekt를 아무 폴더로 향하게 하고 바로 작업을 시작하거나, 프롬프트로 새 프로젝트를 띄울 수 있다. 발판 놓기 단계가 없다. 먼저 채워야 할 설정 파일도 없다. 기존 코드베이스에 뛰어드는 문턱을 낮춘다.
내장 Git과 배포
결과가 보기 좋게 나오면 Projekt가 변경된 파일을 보여주고 같은 창에서 커밋하게 한다. 곧바로 배포로 넘어가는 것이 목표다. 버전 관리를 미리보기 옆에 두면 "이거 괜찮네, 내보내자" 하는 순간을 맥락 전환으로 잃지 않는다.
장단점
장점
- 라이브 미리보기와 편집 가능한 DOM이 프롬프트 중심 흐름과 마지막 시각 수정을 한곳에서 모두 감당한다.
- 이미 쓰고 돈을 내는 에이전트로 동작하므로 모델 계층에 새 구독이 필요 없다.
- 설정이나 상용구 없이 아무 프로젝트 폴더나 열 수 있어 실무에 시험해 보기 쉽다.
- Git 변경이 워크스페이스에 보이므로 미리보기를 승인한 직후에 커밋한다.
단점
- 내장 모델이 없어 별도의 코딩 에이전트와 그 키 없이는 아예 쓸 수 없다. 입문자에게는 설정 부담이 늘어난다.
- 미리보기 주도 흐름은 웹 프런트엔드를 겨냥하므로 백엔드 비중이 크거나 모바일인 프로젝트는 얻는 것이 적다.
- 도구가 초기 단계이고 공개된 가격 정보가 명확하지 않다. 결정 전에 공식 사이트에서 현재 요금제와 플랫폼 지원을 확인해야 한다.
자주 묻는 질문
Projekt는 AI 코딩 에이전트로 웹 프런트엔드를 만드는 비주얼 워크스페이스다. 에이전트에 변경을 요청하고, 라이브 미리보기를 보며, 요소를 직접 편집해 페이지를 다듬는다.
관련 콘텐츠
Projekt와 관련된 도구, 스킬, 아티클을 살펴보세요.
Projekt 대안
X Ray Interpreter
X-ray Interpreter · 이미지X Ray Interpreter는 X선, CT, MRI, 초음파, PET 이미지를 쉬운 말의 리포트로 바꾸는 웹 기반 AI 영상의학 도구다. 스캔 이미지를 올리면 X선 예비 판독 결과가 곧바로 나오고, 설명이 필요한 부분이 있으면 이후에 추가 질문도 할 수 있다. 이 도구의 위치는 2차 소견과 학습 보조이며, 의료 진단은 아니다.
Aieasypic
AIEasyPic · 이미지AIEasyPic은 단순한 텍스트 프롬프트를 몇 초 만에 완성된 예술 작품으로 바꾸는 AI 이미지 생성기다. 자신의 사진으로 맞춤 모델을 훈련하고, 기존 이미지에서 얼굴을 바꾸고, 텍스트로 짧은 영상 클립을 만들 수도 있다. 모두 브라우저에서 끝난다. 빠른 비주얼을 원하는 가벼운 창작자에게도, 코드를 전혀 건드리지 않고 개인 모델을 만들고 싶은 취미 사용자에게도 어울린다.
Chargen
Chargen · 이미지Chargen은 던전 앤 드래곤과 다른 탁상용 롤플레잉 게임을 위해 만든 AI 캐릭터 생성기이자 세계관 구축 툴킷이다. 한 줄 아이디어를 그려진 캐릭터 초상화로 바꾸고, 같은 세션에서 NPC, 몬스터, 지도, 조우를 만들어내며, 모든 생물의 세부 정보를 손 가까이에 둔다. 탁상용 롤플레잉 아트 부분은 Gold라는 크레딧 시스템으로 돌아가고, 텍스트 생성기는 모두에게 무료로 남는다.