본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

BuilderIO/agent-native

TypeScript6 / 0

Agent-Native는 액션을 한 번 정의하면 UI·에이전트·API·CLI 등 모든 접점에서 재사용 가능한, Drizzle·Nitro 기반 백엔드 무관의 agent-first 프레임워크다.

TL;DR

Agent-Native는 애플리케이션 내부에서 직접 동작하는 'agent-first' 프레임워크로, 액션을 한 번 정의하면 UI·에이전트·HTTP·MCP·A2A·CLI 등 모든 접점에서 동일하게 호출할 수 있도록 설계됐다. 상태는 Drizzle 호환 SQL에 저장되고 Nitro 호환 호스트에 배포할 수 있어 기존 백엔드 인프라와 결합해 사용 가능하다. 런타임은 스킬·툴·메모리·잡·관측성 및 핸드오프를 통합해 에이전트와 UI를 동등한 시민으로 취급한다. 템플릿 갤러리를 통해 완전한 오픈소스 SaaS 앱을 즉시 포크해 커스터마이징할 수 있으며, npx 명령으로 기존 코딩 에이전트(Copilot류)에 visual-plan·visual-recap 같은 스킬을 추가할 수 있다. 이 접근은 에이전트와 애플리케이션 간 중복 로직과 상태 불일치를 줄이고 에이전트가 앱의 실제 컨텍스트를 인지해 작동하게 만든다. 한계로는 구체적인 성능·비용 수치와 배포 가이드(대규모 운영 시의 확장성·보안 패턴)가 README에 상세히 제시되지 않아 프로덕션 적용 전 추가 검증이 필요하다.

핵심 포인트

  • 액션 단일 정의로 UI·에이전트·API·CLI 등 모든 접점을 자동 노출해 중복 코드를 제거
  • 백엔드 불문(Drizzle 지원 SQL + Nitro 호환 호스트) 형태의 플러그인 아키텍처로 기존 인프라 재사용 가능
  • 템플릿 형태로 완전한 오픈소스 SaaS 앱을 제공해 즉시 포크·사용·커스터마이징 가능
  • 액션을 한 번 정의해 UI, 에이전트, HTTP, MCP, A2A, CLI에서 재사용

이미지 분석

에이전트와 UI가 양방향으로 연결된 다이어그램
이미지는 에이전트와 UI가 동일한 상태와 액션을 공유해 변경이 각 접점에서 실시간으로 반영되는 핵심 개념을 시각화한다. 이미지의 흐름은 액션 단일 정의와 동기화된 상태 저장이 다양한 클라이언트(브라우저 UI, 에이전트 런타임 등)로 전파되는 구조를 보여준다.
visual-recap 기능이 적용된 데모 GIF(코드 변경을 시각적 요약으로 전환)
애니메이션은 PR이나 git diff를 시각적 요약으로 변환해 다이어그램·와이어프레임·주석을 포함한 리뷰 페이지를 생성하는 동작을 보여준다. 이는 README의 '/visual-plan'과 '/visual-recap' 스킬 설명과 직접 대응하며, 에이전트가 코드 변경을 구조화된 시각물로 전환하는 워크플로를 증명한다.
Clips 템플릿 썸네일(스크린 녹화·트랜스크립트 기반 워크플로)
이미지는 Clips 템플릿의 UI를 통해 화면 녹화와 자동 트랜스크립트, 브라우저 디버그 로그 수집이 연계되어 에이전트가 타임스탬프 기반 프레임을 참조하며 버그를 진단·수정하는 워크플로를 지원함을 시각적으로 확인시킨다. 이는 템플릿이 단일 기능을 넘어 데이터 캡처와 에이전트 분석을 통합한다는 근거가 된다.
Plans 템플릿 썸네일(visual-plan 모드 관련 이미지)
이미지는 visual-plan 모드의 인터페이스 일부를 캡처해, 에이전트가 빌드 전 구조화된 계획을 열어 파일별 구현 지도와 주석을 생성·공유하는 기능을 지원함을 보여준다. README의 템플릿 기능 설명과 일치해 템플릿이 실제 UI·검토 워크플로를 포함함을 입증한다.

2.7k

STARS

268

FORKS

+263

TRENDING

6

조회수

watchers 2.7kopen issues 14

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.