안녕하세요. zittme 개발팀입니다.

지난번 베타 예고에서 zittme AI Studio를 소개해 드렸습니다. 오늘은 개발이 어디까지 왔는지, 실제로 어떤 화면에서 어떤 순서로 만들게 되는지 시안과 함께 전해 드립니다. 아래 화면은 모두 개발 중인 시안(목업)이라 정식 버전에서는 달라질 수 있습니다.

## AI Studio는

AI Studio는 이미 존재하는 AI 에이전트에 zittme 전용 제작 도구를 결합한 서비스입니다. 에이전트가 zittme의 모듈·테마 규칙과 설치 방식을 알고 작업하고, 만든 결과는 테스트 서버에 실제로 설치해 검사합니다. 모듈과 테마를 직접 만들어 쓰거나 스토어에 배포할 수 있습니다.

▲ AI Studio 소개 화면 시안.

## 만드는 순서

작업 화면은 왼쪽이 대화, 가운데가 명세서와 견적, 오른쪽이 미리보기입니다. 대화에서 정한 내용이 바로 명세서에 반영되고, 무엇이 바뀌었는지 표시됩니다. 대화로 기획하는 단계에서는 티켓을 쓰지 않고, 견적을 승인할 때 처음 차감됩니다.

▲ 작업 화면 — 대화, 명세서·견적, 미리보기가 한 화면에 있습니다.

## 검증을 통과한 결과만 보여 드립니다

AI가 한 번에 만든 결과를 그대로 보여 주면 오류가 남은 채로 전달될 수 있습니다. 그래서 AI Studio는 검증이 끝나기 전에는 진행 단계만 알려 드립니다. 검증은 문법, 설치, 페이지 오류, 시각 검수, 보안 검사, 인수 조건 순으로 진행됩니다. 시각 검수에서는 PC·태블릿·모바일 크기와 라이트·다크 모드를 모두 캡처해 여백, 가로 넘침, 버튼 글자색 대비 같은 것을 봅니다.

▲ 검증 진행 화면 — 단계별 통과 여부와 회차 기록.

모든 검사를 통과하면 결과 화면에서 데모로 확인하고, 보고 카드로 어떤 검사를 통과했는지와 알려진 한계를 함께 봅니다. 마음에 들면 파일로 받거나 내 사이트에 설치할 수 있습니다.

▲ 결과 화면 — 데모 미리보기와 보고 카드, 내보내기.

## 티켓 방식

제작은 티켓으로 이용합니다. 만들려는 것의 규모(화면 수, 기능, 다국어 등)에 따라 필요한 티켓 수가 정해지고, 견적에서 먼저 확인한 뒤 승인합니다. 정해진 횟수 안에서 검증을 통과하지 못하면 사용한 티켓을 복원해 드리고, 된 것과 안 된 것을 쉬운 말로 설명해 드립니다. 베타 기간에는 참여자께 티켓을 지급해 무료로 테스트하실 수 있게 할 예정입니다.

▲ 내 티켓 화면 — 보유 티켓, 사용·복원 내역.

## 일정