building-ai-chat
✓스트리밍 응답, 컨텍스트 관리 및 다중 모드 지원을 통해 AI 채팅 인터페이스 및 대화형 UI를 구축합니다. ChatGPT 스타일 인터페이스, AI 도우미, 코드 부조종사 또는 대화 에이전트를 만들 때 사용합니다. 스트리밍 텍스트, 토큰 제한, 재생성, 피드백 루프, 도구 사용 시각화 및 AI 관련 오류 패턴을 처리합니다. 접근성과 성능이 내장된 선도적인 AI 제품의 검증된 구성 요소를 제공합니다.
SKILL.md
Define the emerging standards for AI/human conversational interfaces in the 2024-2025 AI integration boom. This skill leverages meta-knowledge from building WITH Claude to establish definitive patterns for streaming UX, context management, and multi-modal interactions. As the industry lacks established patterns, this provides the reference implementation others will follow.
For complete implementation with streaming markdown, see examples/basic-chat.tsx.
Build user, AI, and system message bubbles with streaming support:
스트리밍 응답, 컨텍스트 관리 및 다중 모드 지원을 통해 AI 채팅 인터페이스 및 대화형 UI를 구축합니다. ChatGPT 스타일 인터페이스, AI 도우미, 코드 부조종사 또는 대화 에이전트를 만들 때 사용합니다. 스트리밍 텍스트, 토큰 제한, 재생성, 피드백 루프, 도구 사용 시각화 및 AI 관련 오류 패턴을 처리합니다. 접근성과 성능이 내장된 선도적인 AI 제품의 검증된 구성 요소를 제공합니다. 출처: ancoleman/ai-design-components.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/ancoleman/ai-design-components --skill building-ai-chat- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
building-ai-chat이란?
스트리밍 응답, 컨텍스트 관리 및 다중 모드 지원을 통해 AI 채팅 인터페이스 및 대화형 UI를 구축합니다. ChatGPT 스타일 인터페이스, AI 도우미, 코드 부조종사 또는 대화 에이전트를 만들 때 사용합니다. 스트리밍 텍스트, 토큰 제한, 재생성, 피드백 루프, 도구 사용 시각화 및 AI 관련 오류 패턴을 처리합니다. 접근성과 성능이 내장된 선도적인 AI 제품의 검증된 구성 요소를 제공합니다. 출처: ancoleman/ai-design-components.
building-ai-chat 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ancoleman/ai-design-components --skill building-ai-chat 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/ancoleman/ai-design-components
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01