Echo
디자인 요약
Echo는 말로 부탁한 일을 대기, 듣기, 생각, 답변의 서로 다른 상태에 따라 글자마다 성조 곡선을 그린 텍스트로 바꿉니다. 곡선이 곧아져 이름, 날짜, 회의실을 둘러싼 괄호가 되고 실행 취소 가능한 회의 카드가 나타납니다. 현재 프로토타입은 마이크나 음성 인식 대신 미리 작성된 구술문과 수동 성조 주석을 사용합니다.
검증 기록
확인됨주 에이전트는 세 라운드의 스크린샷과 중간 프레임을 하나씩 검토해 들쭉날쭉한 곡선, 괄호 경계, 중복 스피너를 수정하고 375px 너비에서 12자가 한 줄에 들어감을 확인했습니다. 결과 카드에는 구술문에서 추출한 정보에 로즈 레드 밑줄이 잠시 나타납니다.
검증 범위독립 리뷰나 독립 작업 점검은 수행하지 않았습니다. 네 상태는 같은 구술문을 공유하고 곡선은 실시간 음높이가 아니며 답변에는 실제 음성이 없고 다른 두 제안에도 별도 흐름이 없습니다.
프롬프트
모바일 AI 음성 어시스턴트의 전체 화면 인터페이스를 만드세요(390×844). 소리의 시각화에 집중하고 말하기를 기다리는 상태, 듣는 상태, 생각하는 상태, 답하는 상태가 각각 뚜렷한 형태를 가져야 합니다.
답할 때는 예약한 회의 같은 결과 카드를 아래에 표시하고 빛나는 구만 보여 주지 마세요. 자주색과 파란색의 빛나는 구는 가장 흔한 기본 방식이므로 피하세요.
네 가지 상태를 모두 캡처하세요. `index.html`과 상태를 나란히 보여 주는 `screens.html`을 전달하세요.
중국어 원본 프롬프트 보기
一个 AI 语音助手在手机上的全屏界面(390×844),重点是声音的可视化:等你说话、正在听、正在想、正在回答四个状态各有自己的形态。
回答时下方出现一张结果卡(例如帮你订好的会议),不要只是一个发光的球。紫蓝发光球是最常见的默认,不要做成那样。
截四个状态,交付 `index.html` 和并排展示的 `screens.html`。
라이브 예제 열기