디자인 아틀라스✧AI 인터페이스
스트리밍 응답, 추론 표시, 인용, 제안 칩 — 생성형 AI 제품에서 굳어지고 있는 UI 패턴. — 20개 항목
스트리밍 응답Streaming response
답변 전체가 준비될 때까지 기다리지 않고, 토큰(글자 조각) 단위로 생성되는 즉시 화면에 이어 붙이는 방식.
타이핑 인디케이터Typing indicator
응답이 아직 시작되지 않았을 때, 상대가 "입력 중"임을 알리는 통통 튀는 점 세 개.
생각 중 인디케이터Thinking indicator
모델이 답을 내기 전 추론 과정을 샤머링 텍스트로 흘려 보여주고, 끝나면 "N초간 생각함"으로 접히는 영역.
제안 칩Suggestion chips
응답 아래 나타나는, 눌러서 바로 다음 질문으로 쓸 수 있는 짧은 알약 모양 버튼들.
인용 표시Citations
문장 안에 번호로 표시되고, 가리키면 원문 출처를 미리보기로 보여주는 근거 표시.
프롬프트 입력창Prompt input
입력한 줄 수만큼 자동으로 높이가 늘어나고, 첨부·전송 버튼이 딸린 대화 입력 상자.
다시 생성Regenerate
방금 받은 답이 마음에 안 들 때, 같은 질문으로 새 답을 다시 뽑는 버튼.
응답 피드백Response feedback
답변 아래 좋아요·싫어요 아이콘으로 품질 평가를 가볍게 받는 장치.
도구 호출 카드Tool call card
모델이 함수·API를 호출할 때, 무엇을 어떤 인자로 실행 중인지 보여주는 접이식 카드.
에이전트 상태 목록Agent status
에이전트가 여러 단계를 거쳐 작업할 때, 각 단계의 완료·진행·대기 상태를 세로로 보여주는 목록.
휴먼 인 더 루프Human in the loop
되돌리기 어려운 행동을 에이전트가 실행하기 전, 사람의 승인·거부를 명시적으로 받는 카드.
신뢰도 표시Confidence indicator
모델이 이 답을 얼마나 확신하는지 높음·보통·낮음 같은 단계로 보여주는 작은 배지.
캔버스 아티팩트Canvas artifact
대화는 왼쪽 좁은 영역에 남기고, 코드·문서처럼 길게 붙잡고 편집할 결과물은 오른쪽 넓은 패널에 따로 여는 레이아웃.
변경사항 검토Diff review
모델이 제안한 수정을 삭제(빨강)·추가(초록) 줄로 보여주고, 한 덩어리씩 승인하거나 거부할 수 있는 뷰.
빈 대화 시작 화면Empty prompt state
아직 대화가 없을 때, 빈 화면 대신 눌러서 바로 시작할 수 있는 예시 프롬프트 카드를 보여주는 초기 화면.
모델 선택기Model picker
속도·성능·비용이 다른 여러 모델 중 하나를 고르는 드롭다운. 각 옵션에 특성을 짧게 표시합니다.
컨텍스트 윈도우 미터Context window meter
대화가 모델의 컨텍스트 한도에 얼마나 가까워졌는지 보여주는 막대. 가득 차면 색이 경고로 바뀝니다.
생성 중단Stop generating
응답이 스트리밍되는 도중 언제든 눌러서 그 자리에서 멈출 수 있는 버튼.
음성 모드 오브Voice mode orb
말하는 동안 소리 크기에 맞춰 일렁이는 둥근 형태로, 지금 듣고 있는지 답하고 있는지를 텍스트 없이 보여주는 음성 UI.
생성형 UIGenerative UI
모델이 순수 텍스트 대신, 그 답에 맞는 구조화된 인터페이스(카드, 표, 버튼)를 직접 조립해 응답으로 보여주는 방식.