Atoms와 채팅하여 앱 빌드하기

작업을 시작하고, 변경 사항을 덧붙이며, 중간에 방해를 받아도 중단했던 지점부터 바로 이어서 작업할 수 있습니다. 이 페이지에서는 메시지에서 사용할 수 있는 모든 작업과 문제 신고가 표시될 때 해야 할 일도 다룹니다.

채팅에서 에이전트 팀과 함께 빌드하기

채팅 패널은 여러분과 에이전트들이 작업을 수행하는 공간입니다. 일상적인 언어로 원하는 것을 말하면 나머지는 팀이 처리합니다. 팀 리더인 Mike가 요청을 읽고 구체적인 작업 지시로 바꾼 뒤 Engineer인 Alex 같은 적절한 전문가에게 전달합니다. 이 전체 인계 과정이 모두 눈앞에서 진행되므로, 누가 무엇을 하고 있는지 항상 알 수 있습니다.

채팅은 빌드 요청만을 위한 것이 아닙니다. 어떤 것이 왜 그런 방식으로 작동하는지, 어떤 용어가 무슨 뜻인지, 또는 팀이 방금 무엇을 변경했는지 물어보면 대화 안에서 바로 답을 받을 수 있습니다.

작업 시작하기

채팅 하단의 프롬프트 입력창에 내용을 입력하고 Enter를 누르세요. 구현 방법보다는 원하는 결과에 집중하세요:

의료 장비를 홍보할 랜딩 페이지를 만들어 주세요.

메시지를 보내면 작업이 즉시 표시됩니다. Mike가 “Processed N steps”라는 레이블이 붙은 활동 카드를 게시합니다. 이를 펼치면 단계별 활동 설명을 읽을 수 있습니다

그다음 Mike는 섹션, 제약 조건, 품질 규칙이 포함된 상세한 작업 지시를 작성한 뒤 @ 멘션으로 전문가에게 위임합니다. 전체 작업 지시와 함께 전문가가 인계를 수락하는 모습도 볼 수 있습니다:

Mike가 Project chat에서 랜딩 페이지 빌드를 Alex에게 할당합니다.

작업 진행 상황 실시간으로 따라가기

모든 에이전트의 답변에는 활동 카드가 포함됩니다. 이를 펼치면 각 단계의 활동 설명과 함께 파일 읽기, 코드 작성, 터미널 명령 실행, 이미지 생성, 렌더링된 페이지 검토 같은 구체적 작업을 보여주는 도구 카드를 확인할 수 있습니다.

빌드를 진행 중인 Alex: 각 단계가 설명되며, “Read file” 및 “Generate Images” 같은 도구 카드가 정확히 어떤 일이 일어났는지 보여줍니다.

작업이 마무리되면 마지막 답변에서 무엇이 변경되었고 어떻게 검증되었는지 요약합니다. 예를 들어 “Version 1: Launch publishing hero” 같은 버전 카드는 전달된 빌드를 고정해 두므로, 프로젝트의 각 마일스톤에 다시 참조할 수 있는 이름이 생깁니다.

Version 1 카드가 포함된 Mike의 완료된 빌드 요약입니다.

진행 중에 바로 변경 추가하기

반복 작업을 위해 처음부터 다시 시작할 필요는 없습니다. 다음 생각을 일반 후속 메시지로 보내세요. 차이점만 설명하면 팀이 기존 결과 위에 그대로 적용합니다:

테마를 초록색으로 바꿔야 합니다.

에이전트들이 아직 작업 중일 때도 후속 메시지를 보낼 수 있습니다. 작업이 중단되지는 않습니다. 메시지는 대기열에서 기다렸다가 현재 작업이 끝나는 즉시 실행됩니다. 메시지가 대기열에 있는 동안에도 계속 제어할 수 있습니다:

• 실행 전에 표현을 더 다듬고 싶다면 편집할 수 있습니다.
• 생각이 바뀌었다면 삭제할 수 있습니다.
• 나중 요청을 먼저 실행해야 한다면 대기열 순서를 바꿀 수 있습니다.

Version 1이 방금 전달되었고, 후속 변경도 이미 진행 중입니다.

후속 요청은 다른 작업과 동일한 흐름을 거칩니다. Mike가 이를 범위가 정해진 작업 지시로 바꾸고, 전문가가 적용 및 검증한 뒤, 결과가 다음 버전으로 도착합니다:

후속 변경이 전달되었습니다: Version 2는 다른 모든 것은 그대로 유지하면서 초록색 테마를 적용합니다.

작업을 중단하고 이어서 계속하기

빌드 도중 중요한 내용을 빠뜨렸다는 걸 깨달았나요? 끝날 때까지 기다리거나 작업을 버릴 필요는 없습니다.

1. 에이전트가 작업 중일 때 생성을 중지하세요. 지금까지 완료된 내용은 모두 유지됩니다.
2. 빠뜨린 내용을 입력하세요: 세부 사항, 제약 조건 또는 수정 사항입니다.
3. 다시 제출하세요. Mike가 새 정보를 반영한 업데이트된 작업 지시를 만들고, 팀은 처음부터 다시 빌드하는 대신 현재 상태에서 계속 진행합니다.

빌드 도중 Alex를 멈추고 빠뜨린 요구 사항을 추가하는 모습: “장비는 주로 심장 관련입니다.”

다시 제출하면 Mike가 새 세부 사항을 반영한 업데이트된 작업 지시를 발행하고, 작업이 재개됩니다.

각 메시지에서 할 수 있는 작업

채팅의 메시지는 단순한 텍스트가 아닙니다. 각 메시지 아래의 작업 행을 사용하면 한 글자도 입력하지 않고 반응할 수 있습니다.

에이전트 메시지에서

• 되돌리기(뒤로 화살표): 해당 메시지의 변경 사항이 적용되기 전 상태로 프로젝트를 되돌립니다. 사용하기 전에 먼저 대상 버전을 확인하고 제거될 수 있는 내용을 검토하세요.
• 복사: 메시지 텍스트를 복사합니다. 설명이나 요약을 저장할 때 유용합니다.
• 도움됨 / 도움 안 됨: 전달된 결과에 좋아요 또는 싫어요 평가를 남겨 팀에 결과가 어땠는지 알려줍니다.
• 추가 옵션(…): 추가 작업을 엽니다. 여기에는 문제가 발생했을 때 지원팀에 직접 연결되는 Feedback도 포함됩니다.
• 활동 카드: “Processed N steps”를 펼치거나 접어 진행 세부 정보와 답변 뒤의 도구를 확인합니다.
• 버전 카드: 완료된 작업에 첨부된 이름 있는 빌드입니다.
• 신원 라벨: 모든 메시지에는 Mike | Team Leader, Alex | Engineer처럼 누가 말하는지 표시되므로, 여러 에이전트가 함께하는 작업도 쉽게 따라갈 수 있습니다.

내 메시지에서

• 채팅 오른쪽에 표시되어, 내 요청이 팀의 답변과 시각적으로 구분됩니다.
• 언제든 보낼 수 있습니다. 팀이 유휴 상태면 즉시 실행되고, 작업이 진행 중이면 대기열에 들어갑니다.

문제 신고: 문제를 확인하고 복구하기

빌드 중에는 문제가 발생할 수 있습니다. 문제 신고를 사용하면 실패 원인을 확인하고 복구 경로를 선택할 수 있습니다. 에이전트가 문제에 부딪히면 화면 왼쪽 하단에 문제 신고 알림이 표시됩니다.

알림에서 제공하는 것

• 무엇이 잘못되었는지에 대한 짧은 설명.
• AI가 보고된 문제를 분석하고 수정 적용을 시도할 수 있게 해주는 Resolve 버튼.
• 오른쪽 패널에서 전체 문제 신고 세부 정보를 여는 펼치기 컨트롤: 오류 로그, 스택 트레이스, 시스템 정보가 표시되어 조치 전에 실패 원인을 이해할 수 있습니다.

Resolve를 선택해 수정 시도를 할 수도 있고, 먼저 문제 신고 세부 정보를 읽은 뒤 결정할 수도 있습니다.

문제 신고 카드: 가운데의 파란 Resolve 버튼과 오른쪽의 펼치기 컨트롤.

시나리오 1: 페이지가 멈췄고 Resolve 버튼이 없음

페이지가 멈추거나 응답하지 않는데 문제 신고가 표시되지 않으면 수동으로 신고하세요:

1. 에이전트와의 채팅을 엽니다.
2. 가장 최근 메시지에서 “…”(추가 옵션)을 클릭합니다.
3. Feedback을 선택하고 Chat Link와 문제 스크린샷을 포함합니다.

이 내용은 지원팀으로 바로 전달되며, 지원팀이 직접 후속 대응을 진행합니다.

시나리오 2: Resolve 버튼이 보임

1단계 — Resolve 클릭

Resolve를 한 번 선택하세요. AI 에이전트가 보고된 오류를 분석하고 수정 적용을 시도합니다. 시도가 끝날 때까지 기다린 뒤, 계속 진행하기 전에 결과를 검토하세요.

한 번 클릭한 뒤 기다리세요. 시도가 끝나기 전에 Resolve를 반복해서 클릭하면 중복 수정 작업이 생성되어 전체 속도가 느려집니다.

2단계 — 결과 확인

수정이 완료되면 미리보기가 자동으로 새로고침됩니다. 변경되지 않은 것처럼 보이면 먼저 브라우저를 새로고침하세요. 오래된 캐시가 일반적인 원인입니다.

3단계 — 문제가 계속되는 경우

기술적인 세부 정보를 보려면 오른쪽 패널에서 오류 로그를 여세요. 직접 처리하고 싶지 않은 수준의 수정이라면 지원팀에 넘기세요:

1. 에이전트와의 채팅을 열고 최신 메시지에서 “…” → Feedback을 클릭합니다.
2. Chat Link와 오류 스크린샷을 첨부합니다.
3. 지원팀이 조사하고 해결될 때까지 함께 대응합니다.

전체 참고 자료: 문제 신고 — Atoms 도움말 센터.

FAQ

이 FAQ에서 사용하는 용어: Preview 는 현재 프로젝트 상태를 에디터 안에서 보여주는 보기입니다. latest version 은 가장 최근에 저장된 빌드이고, last working version 은 사용 가능하다고 확인한 가장 최근 빌드입니다. published site 또는 live site 는 배포 후 방문자가 보게 되는 사이트입니다. Chat Link 를 얻으려면 관련 채팅을 열고 Support에 문의하기 전에 채팅의 공유 또는 추가 옵션 메뉴에서 링크를 복사하세요.

팀이 아직 작업 중일 때도 새 요청을 보낼 수 있나요?

네. 새 메시지는 대기열에 쌓이고 현재 작업이 끝나면 순서대로 실행됩니다. 대기 중인 메시지가 실행되기 전까지는 편집, 삭제, 또는 대기열에서 앞이나 뒤로 이동할 수 있습니다.

작업을 중간에 멈췄는데, 작업 내용이 사라지나요?

아니요. 중지하기 전에 완료된 내용은 모두 보존됩니다. 빠진 세부 사항을 추가하고 다시 제출하면 팀이 현재 상태에서 계속 진행합니다.

메시지가 변경한 내용을 어떻게 되돌리나요?

해당 에이전트 메시지 아래의 뒤로 화살표 작업을 사용해 변경 전 상태로 되돌리세요. 대상 버전을 확인하고 제거될 내용을 검토한 뒤, 더 명확한 지시와 함께 요청을 다시 보내세요.

Resolve를 클릭했는데도 오류가 여전히 있습니다. 이제 어떻게 하나요?

먼저 오른쪽 패널의 오류 로그를 확인하세요. 그래도 해결되지 않으면 에이전트의 최신 메시지에서 “…” → Feedback을 사용하고 Chat Link와 스크린샷을 포함하세요. 그러면 지원팀이 이어서 처리합니다.

작업 도중 브라우저를 닫으면 어떻게 되나요?

브라우저가 닫혀 있는 동안에도 작업은 클라우드에서 계속될 수 있습니다. 다시 돌아오면 작업 상태를 확인하고 최신 결과를 검토하세요. 백그라운드 작업을 중지해야 한다면 프로젝트를 다시 열고 가능할 때 Stop을 선택하세요.

AI 에이전트가 응답을 멈추면 어떻게 해야 하나요?

증상에 따른 이 복구 경로를 사용하세요. 같은 프롬프트를 반복해서 보내지 마세요:

1. 문제 신고가 보이면 문제 신고 세부 정보를 펼쳐 오류를 검토한 뒤 Resolve 를 한 번 선택하세요.
2. 작업이 아직 실행 중이면 Stop 을 한 번 선택하고 상태가 안정될 때까지 기다리세요.
3. 페이지가 멈췄다면 새로고침하거나 새 탭에서 프로젝트를 연 뒤 작업 상태를 확인하세요.
4. 출력이 반복되거나 잘못되었다면 Preview 와 최신 버전을 검토하세요. 사용 가능한 결과를 유지하거나 마지막으로 정상 작동한 버전에서 리믹스 를 사용하세요.
5. 모델 오류가 나타나거나 여러 프로젝트가 영향을 받는다면 보이는 세부 정보를 기록하고 Atoms 상태 페이지를 확인하세요.

문제가 계속되면 Chat Link, 마지막 프롬프트, 표시된 상태, 스크린샷, 시간 및 시간대, 영향 범위를 포함해 Support에 문의하세요. 비밀번호, 토큰 및 기타 비밀 정보는 제거하세요.

에이전트가 왜 반복 루프에 빠지거나 같은 내용을 반복하나요?

1. 위의 공통 복구 경로를 사용하세요: 활성 실행을 중지하고, Preview와 최신 버전을 검토한 뒤, 결과를 사용할 수 없으면 리믹스를 사용하세요.

그 경로를 거친 뒤에도 루프가 다시 발생하면 Chat Link, 반복된 작업, 마지막 프롬프트, 시간 및 시간대, 스크린샷과 함께 Support에 문의하세요. 비밀번호, 토큰 또는 비밀 값은 포함하지 마세요.

에이전트가 왜 내 지시를 따르지 않나요?

에이전트가 지시를 무시하거나 잘못 해석할 때는 다음 네 단계를 시도해 보세요:

1. 프롬프트 다듬기 — 명확하고 구체적으로 작성하세요. 구체적인 기준을 사용하세요(예: "버튼을 개선해" 대신 "기본 버튼 배경색을 #0055FF로 바꾸고 모바일 보기에서 가운데 정렬해" ).

2. Design Mode 사용 — Design Mode로 전환한 뒤 수정하려는 UI 구성 요소를 직접 클릭하세요. 이렇게 하면 에이전트가 해당 요소에만 변경을 적용하게 됩니다.

3. 복잡한 작업 나누기 — 한 번에 하나의 변경만 프롬프트로 요청하고, 결과를 확인한 뒤 다음 요구 사항으로 넘어가세요.

4. 기대 결과와 실제 결과 스크린샷 제공 — 실제 결과의 스크린샷을 캡처하고 기대하는 결과의 참조 이미지를 공유하세요. 시각적 비교는 에이전트가 즉시 더 명확하게 이해하도록 도와줍니다.

에이전트는 완료되었다고 하는데 실제로는 아무것도 바뀌지 않았습니다. 무슨 일이 있었나요?

1. 최신 버전을 열고 변경된 페이지 또는 파일을 요청한 결과와 비교하세요.
2. Preview는 올바른데 published site가 오래된 상태라면 Publish를 열고 Update 를 선택하세요. 배포가 최신 상태가 될 때까지 기다린 뒤 live site를 강력 새로고침하세요.
3. 브라우저만 오래된 상태로 보인다면 강력 새로고침 또는 시크릿 창을 사용하세요.
4. 관련 변경 사항이 전혀 없다면 정확한 페이지, 요소, 기대 결과, 보호해야 할 영역, 승인 기준을 포함해 다시 시도하세요.

에이전트가 일치하는 변경 없이 반복해서 성공을 보고한다면 Chat Link, 대상 페이지, 기대 결과와 실제 결과, 버전 번호, 스크린샷과 함께 Support에 문의하세요.

에이전트가 왜 대화 초반에 내가 말한 내용을 잊어버리나요?

길거나 목적이 섞인 스레드에서는 이전 요구 사항의 영향력이 약해질 수 있습니다. 자연스러운 체크포인트에서 마지막으로 정상 작동한 버전에서 리믹스 를 사용하고, 새 스레드는 짧은 인계 내용으로 시작하세요:

• 목표와 현재 상태
• 완료된 작업
• 반드시 유지되어야 하는 요구 사항
• 중요한 파일, 페이지 또는 스크린샷
• 단 하나의 다음 작업과 그 승인 기준

계속 진행하기 전에 새 스레드의 첫 결과를 확인하세요. 관련 없는 작업은 별도 스레드로 유지해 에이전트가 상충하는 지시를 조정하지 않도록 하세요.

AI 에이전트의 현재 기능과 한계는 무엇인가요?

에이전트는 애플리케이션 UI 생성 및 수정, 범위가 정해진 동작 구현, 연결된 서비스 작업, 그리고 제공한 프로젝트 컨텍스트를 바탕으로 오류 조사에 도움을 줄 수 있습니다. 대상, 제약 조건, 기대 결과가 명확할 때 가장 잘 작동합니다.

에이전트는 명시되지 않은 요구 사항을 추론해낼 것, 생성된 모든 변경이 정확할 것, 또는 외부 프로덕션 서비스가 정상 상태일 것을 보장할 수 없습니다. 또한 길거나 목적이 섞인 스레드에서는 중요한 컨텍스트를 놓칠 수도 있습니다.

신뢰할 수 있는 결과를 위해서는 한 번에 검증 가능한 작업 하나만 제공하고, 변경되면 안 되는 것은 보호하며, Preview와 최신 버전을 검토하고, 중요한 흐름을 테스트한 뒤, 게시 전에 보안, 청구, 프로덕션 데이터 변경 사항을 확인하세요.

에이전트가 응답하지 않고 모델이 과부하된 것 같습니다. 어떻게 해야 하나요?

응답하지 않는 에이전트만으로 모델이 과부하되었다고 단정할 수는 없습니다. 위의 공통 복구 경로를 사용하세요. 여러 프로젝트나 모델이 영향을 받는다면 Atoms 상태 페이지를 확인하세요. 그렇지 않다면 결과를 검토한 뒤 더 작은 요청 하나로 다시 시도하거나 마지막으로 정상 작동한 버전에서 리믹스 를 사용하세요.

문제가 계속되면 Chat Link, 모델, 마지막 프롬프트 요약, 시간 및 시간대, 스크린샷, 영향 범위를 포함해 Support에 문의하세요. 기밀 프롬프트 데이터와 비밀 정보는 제거하세요.

내 작업이 멈춘 것 같고 페이지도 멈췄습니다. 어떻게 복구하나요?

멈춘 페이지에 대해서는 위의 공통 복구 경로를 사용하세요: 새로고침하거나 새 탭에서 프로젝트를 열고, 작업 상태를 확인한 뒤, 실행이 계속 활성 상태라면 Stop 을 선택하세요. 계속 멈춰 있다면 전체 Chat Link, 계정 이메일, 스크린샷, 발생 시간, 마지막으로 성공한 메시지와 함께 Support에 문의하세요.

페이지가 여전히 멈춰 있다면 전체 Chat Link, 계정 이메일, 스크린샷, 발생 시간, 마지막으로 성공한 메시지를 제공하세요.

모델 오류가 표시됩니다. 무슨 뜻인가요?

1. 정확한 오류 텍스트 또는 코드, 선택한 모델, 작업, 프로젝트, 시간을 기록하세요. 그런 다음 한 번만 다시 시도하거나 마지막으로 정상 작동한 버전에서 리믹스 를 사용하세요. 같은 요청을 반복해서 제출하지 마세요.

오류가 계속되면 정확한 코드, Chat Link, 모델, 재현 단계, 민감 정보를 제거한 스크린샷과 함께 Support에 문의하세요. 비밀번호, 토큰, 개인 데이터, 기밀 프롬프트 내용은 제거하세요.