Speck.js: 한 줄 코드로 영구 메모리를 가진 AI 에이전트

Source: Dev.to

소개

AI를 웹 앱에 추가하려면 일반적으로 많은 보일러플레이트가 필요합니다: 메시지 상태, 로딩 상태, 오류 처리, API 호출, 스트림 관리, 히스토리 추적 등. Speck.js는 이 모든 것을 없애줍니다.

위 스니펫은 스트리밍 응답, 대화 히스토리, 오류 처리를 포함한 완전한 채팅 인터페이스를 렌더링합니다—상태 관리, useEffect 또는 보일러플레이트 코드 없이도 가능합니다.

기능

지속 메모리 (v0.4.1)

Speck.js는 내장된 지속 메모리를 도입하여 에이전트가 브라우저 세션, 페이지 새로 고침, 심지어 시스템 재부팅까지도 대화를 기억할 수 있게 합니다.

• 세션 ID는 localStorage에 저장됩니다.
• 대화는 libSQL을 통해 로컬 SQLite 데이터베이스에 저장됩니다.
• 최근 100개의 상호작용이 자동으로 컨텍스트에 로드됩니다.
• 각 에이전트는 id prop을 통해 독립된 메모리를 유지합니다.

자동 컴포넌트 탐색

Speck.js 컴포넌트는 서로를 자동으로 탐색하여 수동 임포트가 필요 없게 합니다.

컴파일러가 의존성을 자동으로 해결합니다.

시작하기

npm create speck-app@latest my-app
cd my-app
npm run dev

1. .env 파일에 Anthropic API 키를 추가하세요.
2. 즉시 AI 기반 애플리케이션을 구축하기 시작하세요.

도구 지원

• VS Code 확장 – .speck 파일에 대한 구문 강조 및 IntelliSense.
• 핫 리로드 – 저장 시 즉시 컴파일.
• 내장 개발 서버 – Claude와 원활히 통합되는 API 프록시 포함.

Website:
npm package: create-speck-app (npm i -g create-speck-app)
Documentation:

로드맵

• 벡터 검색을 통한 의미 메모리 회상.
• 다중 에이전트 협업.
• 채팅 외 추가 에이전트 유형.

피드백을 환영합니다 – 어떤 기능이 가장 가치 있을까요?