AI 분석
코드가 한 글자씩 스트리밍되고 스크롤이 캐럿을 따라가는 다크 코드 블록 컴포넌트다.
사선 줄무늬 패턴의 검은 배경 위에 둥근 모서리의 넓은 코드 블록 카드 하나가 놓인 단일 컴포넌트 구성이다. 헤더에는 모노스페이스 파일 경로와 외곽선 언어 배지가 왼쪽에, 보라색 상태 배지와 복사 아이콘이 오른쪽에 배치되고, 본문은 회색 줄 번호와 빨강·보라·주황·하늘색 구문 강조를 쓴다. 코드가 캐럿과 함께 타이핑되듯 늘어나며 카드 높이가 커지다가 최대 높이에 이르면 내부 스크롤이 캐럿을 따라 내려가고, 생성이 끝나면 상태 배지가 보라색 Generating에서 초록색 Complete로 바뀐다. AI 코딩 에이전트나 채팅 UI에서 스트리밍 출력 상태와 자동 스크롤을 표현하는 방식을 참고하기에 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-16 06:13 · 신뢰도 0.80
