AI 네이티브 앱을 위한 컴포넌트.

어시스턴트가 사용자 대신 웹사이트를 사용하는 모습을 볼 수 있는 화면을 추가해 주세요. 포인터가 움직이며 클릭하고 입력하는 동안 목록에 각 단계가 표시되고, 일시정지와 직접 조작 버튼이 있으며, 돈이 드는 작업 전에는 승인을 받습니다. 한 번 직접 해 보여서 작업을 가르치는 모드와, 다시 재생하고 원하는 지점으로 옮길 수 있는 녹화도 추가해 주세요.

내 앱의 어시스턴트에 사고 과정 표시를 추가해 주세요. 작업하는 동안 “생각하는 중…” 패널을 보여 주고, 각 단계를 진행 중이면 스피너로, 끝나면 체크 표시와 걸린 시간으로 나열해 주세요. 패널을 열면 추론 내용, 실행한 검색, 작성한 코드를 읽을 수 있게 하고, 끝나면 “6초 동안 생각함” 한 줄로 접어 주세요.

어시스턴트가 답하는 동안 쓰는 도구를 작은 칩으로 보여 주세요. 실행 중에는 스피너, 끝나면 도구 이름과 걸린 시간, 실패하면 빨간색과 오류 내용을 표시하고, 클릭하면 보낸 입력과 돌아온 결과가 열리게 해 주세요. “도구 5개 사용”으로 접히는 타임라인 보기도 넣어 주세요.

에이전트가 하고 있는 일을 보여 주는 작업 목록을 추가해 주세요. 작업마다 한 행에 상태(대기 중, 진행 링이 있는 실행 중, “다시 시도” 버튼이 있는 실패, 체크 표시가 있는 완료), “인보이스 12건” 같은 짧은 개수, 하위 단계를 펼치는 화살표를 표시해 주세요.

기능 계획 카드를 추가해 주세요. 만들고 있는 기능의 체크리스트와 진행률 막대(“5개 중 3개 완료”)를 보여 주고, 각 기능에는 할 일·진행 중·완료 상태, 펼치면 보이는 한 줄 설명, 작은 “테스트 통과” 또는 “테스트 실패” 배지를 달아 주세요.

어시스턴트가 작업하는 동안에도 요청을 계속 보낼 수 있게 해 주세요. 지금 처리 중인 요청을 진행 상황과 함께 보여 주고, 새 요청은 입력창 위 대기열에 넣어 순서 변경, 수정, 삭제, 다음에 보내기를 할 수 있게 하며, 대기열을 일시정지하는 버튼도 넣어 주세요.

이미지 생성기를 추가해 주세요. 스타일과 비율을 고를 수 있는 프롬프트 입력창과 ‘생성’ 버튼으로 한 번에 네 장을 만들고, 각 이미지가 만들어지는 진행 상황을 보여 주세요. 완성된 이미지로 변형을 만들거나, 업스케일하거나, 즐겨찾기에 저장하거나, 다운로드할 수 있고, 이전 결과는 아래에 남게 해 주세요.

어시스턴트의 답변이 깜빡이는 커서 뒤로 한 단어씩 흘러나오게 해 주세요. 번호 인용에 마우스를 올리면 출처의 제목, 사이트, 발췌문이 보이게 하고, 동작 버튼(복사, 다시 생성, 좋아요, 싫어요)과 눌러서 바로 이어 물을 수 있는 후속 질문 두세 개를 붙여 주세요.

어시스턴트가 우리 문서를 바탕으로 답할 때, 사용한 문단을 카드로 보여 주세요. 카드마다 출처와 페이지, 관련도 점수, 일치하는 단어 강조, 고정과 제외 버튼을 넣고, 답변에서는 각 카드를 번호로 인용하게 해 주세요.

어시스턴트가 중요한 일을 하기 전에 승인 카드를 보여 주세요. 질문 몇 개를 하나씩(단일 선택, 복수 선택, 짧은 답) 묻고 “건너뛰기”, “계속”, “1/3” 카운터를 달아 주세요. 위험한 작업이면 무슨 일이 일어나는지 정확히 알려 주는 카드에 “승인”, “편집”, “거부”를 넣어 주세요.

추천 카드를 추가해 주세요. 어시스턴트가 추천하는 선택지와 확신도 게이지(예: “82% · 높음”), 출처가 달린 이유, 주요 위험, 판단이 바뀔 조건, 검토한 다른 선택지와 각각의 확신도, 그리고 바로 실행하는 버튼을 보여 주세요.

앱에 음성 어시스턴트를 추가해 주세요. 탭해서 말을 거는 빛나는 오브가 듣는 중, 생각하는 중, 말하는 중을 보여 주고, 실시간 자막, 음소거 버튼, 말하는 도중 탭해서 끼어들기, 타이머와 종료 버튼이 있는 작은 통화 바를 넣어 주세요.

앱 미리보기에 댓글을 달 수 있게 해 주세요. ‘댓글’ 버튼을 누른 뒤 아무 곳이나 클릭하면 그 사람의 아바타가 담긴 핀이 꽂히고 다른 사람이 답할 수 있는 스레드가 열립니다. 스레드는 해결 처리(실행 취소 가능)해서 숨길 수 있고, 새 답글이 오면 표시되며, ‘열림’과 ‘해결됨’ 탭이 있는 옆 패널에도 목록으로 나오게 해 주세요.

내 앱에 프롬프트 입력창을 추가해 주세요. 입력할수록 높이가 늘어나고, “@”를 치면 파일과 데이터 소스 목록이 열려 칩으로 첨부할 수 있고, “/”를 치면 명령 목록이 열리게 해 주세요. 파일 첨부, 모델 선택, 음성 입력, 전송 버튼을 두고 모두 키보드로 쓸 수 있게 해 주세요.

프롬프트 입력창 옆에 모델 선택기를 추가해 주세요. 현재 모델과 추론 강도를 보여 주는 버튼을 누르면 모델 목록이 열리고, 각 모델에 짧은 설명, 속도와 비용 표시, 프리미엄 모델 배지를 달아 주세요. 추론 강도 조절(낮음, 보통, 높음, 최대)도 넣고, 단계마다 사용량이 얼마나 드는지 설명해 주세요.

텍스트 입력란에 음성 입력을 추가해 주세요. 마이크 버튼을 누르면 입력란이 타이머가 있는 실시간 파형으로 바뀌고, 말하는 대로 글자가 나타나며(확정되지 않은 글자는 회색), 말한 내용을 유지하거나 취소하는 버튼이 있게 해 주세요.

내 편집기에서 텍스트를 선택하면 바로 옆에 AI 도구 모음(다듬기, 줄이기, 부드럽게, 맞춤법 고치기, 번역)이 나타나게 해 주세요. 다시 쓴 결과는 그 자리에서 이전 단어에 취소선, 새 단어는 초록색으로 보여 주고 수락과 버리기 버튼을 넣어 주세요.

⌘K로 여는 명령 팔레트를 추가해 주세요. 검색창 하나에서 입력하는 대로 페이지, 데이터, 작업을 찾고(오타도 어느 정도 허용), 최근 항목을 맨 위에 두어 결과를 묶어 보여 주고, 일치하는 글자를 강조하고, Enter로 선택한 항목을 실행해 주세요. 아무것도 찾지 못하면 제안이 담긴 친절한 빈 화면을 보여 주세요.

어시스턴트가 표 수정을 제안하면 적용하기 전에 보여 주세요. 바뀐 셀은 이전 값에 취소선, 새 값은 초록색으로 표시하고, 일부러 바꾸지 않은 행에는 이유를 붙이며, 셀별, 행별, 전체 수락·거절 버튼과 마지막 “적용” 버튼을 넣어 주세요.

대시보드에 지표 카드 한 줄을 추가해 주세요. 각 카드에 숫자, 지난주 대비 변화(초록 또는 빨강), 마우스를 올리면 날짜별 값을 읽을 수 있는 작은 그래프를 보여 주세요. 그 아래에는 숫자가 무슨 뜻인지 넘겨 가며 볼 수 있는 인사이트 카드를 두고, 각각 다음에 할 일을 제안해 주세요.

고객 테이블을 추가해 주세요. 검색할 수 있고, 열(이름, 태그, 월간 물량, 마지막 주문, 막대 네 개로 표시한 관계 강도)로 정렬할 수 있고, 체크박스로 행을 고르면 일괄 작업 바가 나타나게 해 주세요. 휴대폰에서는 첫 번째 열을 고정하고 나머지만 가로로 스크롤되게 해 주세요.

실시간 주문 테이블을 추가해 주세요. 위에는 상태 칩(전체, 신규, 처리 중, 발송됨, 문제)을 두고 각각 개수를 보여 주며, 누르면 행을 걸러 주세요. 새 주문은 맨 위에 나타나고 상태가 바뀐 행은 부드럽게 움직이게 해 주세요. 검색창, 실시간 업데이트를 멈추는 일시 정지 버튼, 상태별로 묶어 보는 옵션도 넣어 주세요.

에이전트가 바꾼 코드를 검토할 수 있는 비교 화면으로 보여 주세요. 파일별로 삭제된 줄은 빨간색, 추가된 줄은 초록색으로 표시하고 바뀐 단어를 강조하며, 바뀌지 않은 코드는 접어 두세요. 파일마다 “확인함” 체크박스, 바뀐 줄에 댓글 달기, 통합 보기와 나란히 보기 전환도 넣어 주세요.

앱 관리자 화면에 실시간 로그 뷰어를 추가해 주세요. 시각, 레벨, 출처가 붙은 줄이 계속 흘러 들어오고, 레벨마다 개수가 표시된 토글로 보이거나 숨기고, 검색창은 일치하는 부분을 강조해 주세요. 위로 스크롤하기 전까지는 최신 줄을 따라가고(그때는 ‘새 줄’ 버튼 표시), 일시 정지, 줄 상세 펼치기, 줄 복사를 할 수 있게 해 주세요.

자동화 빌더를 추가해 주세요. 점무늬 캔버스에 흐름을 그리는데, 트리거로 시작해 예/아니요 조건으로 갈라지고 작업을 실행합니다. 모든 연결선에 +를 두어 메뉴에서 단계를 추가하고, 단계 이름을 바꾸거나 지울 수 있고, 화면을 이동·확대할 수 있으며, ‘테스트 실행’ 버튼을 누르면 단계가 실행될 때마다 강조되게 해 주세요.

칸반 보드를 추가해 주세요. 단계마다 열이 있고, 카드는 마우스나 손가락으로 끌어 열 사이를 옮기거나 키보드로 움직일 수 있게 해 주세요(Space로 집기, 화살표로 이동, Space로 놓기). 열마다 개수와 제한을 표시하고, 맨 아래에 빠른 “카드 추가”를 넣어 주세요.

지금 문서에 함께 있는 사람을 보여 주세요. 활동 중인지 자리 비움인지 점으로 표시한 아바타를 겹쳐 놓고, 사람마다 자기 색으로 이름이 붙은 커서를 보여 주고, 선택한 부분이나 입력 중인 글자를 보여 주고, 누가 들어오거나 나가면 알려 주고, 아바타를 누르면 그 사람을 따라갈 수 있게 해 주세요.

버전 기록을 추가해 주세요. 저장된 버전을 날짜별로 묶은 타임라인에 누가 만들었는지와 현재 버전을 표시해 주세요. 버전을 고르면 무엇이 바뀌었는지(또는 페이지의 전후 비교)를 보여 주고, ‘복원’은 확인을 받은 뒤 진행하되 현재 버전도 기록에 남기고 되돌릴 수 있게 해 주세요.

앱에 사이드바를 추가해 주세요. 맨 위에 작업 공간 전환, 아이콘과 읽지 않은 수가 붙은 주요 페이지, 접을 수 있는 섹션, 포인터가 있는 줄로 미끄러지듯 옮겨 가는 강조 표시, 맨 아래에 로그인한 사람을 두고, 버튼으로 툴팁이 있는 아이콘 레일로 접을 수 있게 해 주세요.

새 사용자를 위한 설정 체크리스트를 추가해 주세요. 진행 링과 “5개 중 2개 완료”를 보여 주고, 단계를 순서대로 나열하며 각각 걸리는 시간을 표시해 주세요. 다음 단계는 펼쳐 두고 바로 실행하는 버튼과 “나중에”를 두며, 모두 끝나면 축하 화면을 보여 주고, 가이드를 숨겼다가 다시 불러올 수 있게 해 주세요. 화면 구석의 작은 런처 버전도 만들어 주세요.

상점 정보, 배송, 알림 섹션으로 나뉜 설정 페이지를 추가해 주세요. 바꾼 항목마다 표시하고, 저장하지 않은 변경 개수와 “저장”, “변경 취소” 버튼이 있는 저장 바를 보여 주세요. 저장 전에 입력을 검사해 첫 번째 문제로 이동하고, 저장되면 알려 주며, Ctrl+S나 ⌘S로도 저장되게 해 주세요.

신청 양식을 단계별 마법사로 바꿔 주세요. 지금 어느 단계이고 어떤 단계를 마쳤는지 보여 주는 단계 바를 두고, 각 단계는 넘어가기 전에 확인해 알기 쉬운 메시지를 보여 주세요. “뒤로”를 눌러도 입력이 사라지지 않게 하고, 마지막에 단계별 “수정” 링크가 있는 검토 페이지와 제출 후 완료 화면을 넣어 주세요.

누군가 스프레드시트를 올리면 열을 내 필드에 연결하는 단계를 보여 주세요. 열마다 샘플 값 몇 개와 추천 필드, 일치 신뢰도를 표시하고 쉽게 바꾸거나 그 열을 건너뛸 수 있게 해 주세요. 필수 필드가 빠졌거나 두 열이 같은 필드를 가리키면 경고하고, “가져오기” 버튼은 진행 상황과 결과 요약을 보여 주게 해 주세요.

파일 업로드를 추가해 주세요. 파일을 끌어다 놓거나, 클릭해서 고르거나, 이미지를 붙여넣을 수 있는 영역을 만들고, 파일마다 미리보기와 진행 막대를 보여 주세요. 파일이 너무 크거나 형식이 맞지 않으면 분명한 메시지를 띄우고, 업로드가 실패하면 “다시 시도” 버튼을 두세요. 메시지 입력창의 첨부 파일은 업로드가 끝나야 메시지를 보낼 수 있게 해 주세요.

다른 앱이 연결되거나 어시스턴트가 나 대신 무언가를 하기 전에 뜨는 권한 대화상자를 추가해 주세요. 요청하는 내용을 쉬운 말로 정확히 나열하고, 선택 항목은 끌 수 있게 하며, 실행될 작업의 미리보기(이메일 내용과 받는 사람 등)를 보여 주세요. “이번만 허용”과 “항상 허용”을 고를 수 있게 하고 “이 선택 기억하기” 옵션도 넣어 주세요.

예약 선택기를 추가해 주세요. 앞으로 2주 날짜 띠(또는 월간 달력)에서 날짜를 고르고, 빈 시간을 오전과 오후로 나눠 보여 주되 마감된 시간은 회색으로 처리해 주세요. 이용 시간 선택과 시간대 표시를 넣고, 요약과 “예약 확정” 버튼을 두고, 확정하면 “캘린더에 추가”가 있는 확인 화면으로 바뀌게 해 주세요.

요금 섹션을 추가해 주세요. 요금제 세 개를 나란히 놓고 “월간/연간” 전환으로 연간 결제 시 절약액을 보여 주며, 가장 인기 있는 요금제를 강조해 주세요. 각 요금제에 “선택” 버튼을 두어 고른 요금제와 가격이 결제 바로 이어지게 하고, 요금제별 포함 내용을 비교하는 표도 넣어 주세요.

토스트 알림을 추가해 주세요. 화면 구석에 겹쳐 쌓였다가 마우스를 올리면 펼쳐지고, 몇 초 뒤 저절로 닫히며(마우스를 올린 동안은 멈춤), 밀어서 닫을 수 있게 해 주세요. 종류는 성공, “다시 시도”가 있는 오류, 성공으로 바뀌는 로딩, “실행 취소”가 있는 알림입니다.

상단 바에 빨간 읽지 않은 개수가 붙은 알림 종을 추가해 주세요. 누르면 알림함이 열리고 “전체”, “읽지 않음”, “멘션” 탭이 있으며, 알림은 오늘, 어제, 이전으로 묶어 주세요. 각 알림에는 바로 처리할 수 있는 버튼(승인, 답장)과 읽음/읽지 않음을 바꾸는 점을 두고, “모두 읽음으로 표시”를 넣어 주세요. 새 알림은 도착할 때 밀려 들어오듯 나타나게 해 주세요.

목록의 빈 상태를 디자인해 주세요. 첫 항목을 추가하거나 샘플 데이터를 써 볼 수 있는 버튼이 있는 친근한 첫 방문 화면, 검색어를 보여 주고 필터 해제를 제안하는 “결과 없음” 메시지, “다시 시도”와 세부 정보가 있는 오류 화면, 마지막으로 저장된 데이터를 그대로 보여 주며 스스로 다시 시도하는 오프라인 배너를 만들어 주세요.