쌓인 기록에서 찾기
무엇을 찾으세요?
날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위부터 2026년 9월 19일 (토)까지674건
7건 · "Vercel"조건 지우기 ×
001당일 +145깃허브 저장소를 대화형 아키텍처 다이어그램으로GitDiagram은 공개·비공개 깃허브 저장소를 몇 초 만에 대화형 아키텍처 다이어그램으로 변환하는 도구다.웹 · 프론트엔드 · ahmedkhaleel2004/gitdiagram · TypeScript
깃허브 저장소를 대화형 아키텍처 다이어그램으로
Key Point저장소 코드를 자동으로 아키텍처 다이어그램으로 시각화하는 것이 가능해졌으며, 팀의 코드 리뷰와 온보딩 과정에 실질적으로 활용할 수 있다.
핵심 요약
- GitDiagram은 공개·비공개 깃허브 저장소를 몇 초 만에 대화형 아키텍처 다이어그램으로 변환하는 도구다.
- 저장소 트리·README·소스 코드를 분석해 폴더 구조가 아닌 시스템 수준의 그래프를 생성하고, 각 컴포넌트는 깃허브 파일로 직접 링크된다.
- 생성 과정에서 설명과 그래프를 실시간으로 스트리밍하며, Mermaid 형식으로 내보내거나 PNG로 다운로드할 수 있다.
- Next.js·React 19로 구축된 웹 앱에서 OpenAI나 OpenRouter를 이용해 다이어그램을 생성하고, Vercel에 배포되어 있다.
- 비공개 저장소는 로컬에서 깃허브 토큰을 제공하면 별도의 보호된 저장소에 저장되며, 토큰은 절대 공개 링크에 포함되지 않는다.
AI · 머신러닝 · vercel/eve · TypeScript
Vercel의 AI 에이전트 프레임워크 'Eve' 공개
Key Point에이전트 개발의 표준 프레임워크가 필요한 개발자와 Vercel 플랫폼 사용자에게 통합된 워크플로우를 제공한다.
핵심 요약
- Vercel이 파일시스템 기반의 AI 에이전트 개발 프레임워크 'Eve'를 공개했다.
- 에이전트의 핵심 기능을 일반적인 디렉토리 구조로 관리해 프로젝트 검사·확장·운영이 용이하다.
- 명령어 하나로 새 에이전트 프로젝트를 생성하고, 로컬에서 TypeScript로 도구를 작성해 추가할 수 있다.
- 지원하는 AI 모델을 선택 가능하며, 인간-루프 프롬프트·하위 에이전트·스케줄링을 추가로 구성할 수 있다.
- 현재 베타 단계이며 Vercel의 베타 약관을 따르므로 일반 공개 전에 API와 동작이 변할 수 있다.
웹 · 프론트엔드 · vercel/next.js · JavaScript
Next.js, React 풀스택 웹 애플리케이션 프레임워크
Key PointReact 기반 풀스택 개발의 표준 프레임워크로, 최신 버전의 특징과 커뮤니티 참여 방식을 파악할 수 있다.
핵심 요약
- Next.js는 최신 React 기능을 확장하고 Rust 기반 JavaScript 도구를 통합한 풀스택 웹 애플리케이션 프레임워크다.
- 세계 주요 기업들이 사용하고 있으며, 가장 빠른 빌드를 목표로 설계됐다.
- 공식 학습 가이드와 쇼케이스를 제공하며, GitHub Discussions와 Discord를 통해 커뮤니티 지원을 받을 수 있다.
- 초보자 개발자를 위한 입문용 이슈 목록을 별도로 관리하고 있다.
- 보안 취약점은 responsible.disclosure@vercel.com으로 책임 공개를 권장한다.
웹 · 프론트엔드 · remotion-dev/remotion · TypeScript
React로 영상을 코드처럼 만드는 Remotion
Key Point코드 기반 영상 제작 도구로서 데이터 중심의 대량 영상 생성이나 복잡한 자동화 워크플로우가 필요한 개발팀과 에이전트 개발자에게 실제 선택지가 될 수 있는 기술이다.
핵심 요약
- React 컴포넌트를 사용해 프로그래매틱하게 영상을 제작하고, 수동 편집이나 AI 에이전트로도 제작할 수 있다.
- 데이터 연결, 대량 렌더링, 디자인 시스템 구축 등 복잡한 영상 자동화 작업을 코드로 관리한다.
- Node.js, Lambda, Vercel 같은 다양한 환경에서 렌더링하거나 Player와 Editor로 애플리케이션을 빌드할 수 있다.
- 1000페이지 이상의 문서와 엘리먼트, 이펙트, 트랜지션, 자막, 폰트 등 1000개 이상의 컴포넌트를 제공한다.
- 상업 사용 시 별도의 회사 라이선스가 필요하다.
웹 · 프론트엔드 · 27.5KB language-agnostic WebGPU syntax highlighter
27.4KB WebGPU 기반 범용 코드 구문 강조기 공개
Key Point대규모 코드 파일의 구문 강조가 필요한 개발자들에게 극도로 가볍고 빠른 대안을 제공한다.
핵심 요약
- Vercel Labs의 Shu Ding이 gpu-lexer라는 언어 불특정 구문 강조기를 개발했다.
- WebGPU 기반 작은 모델이 로컬과 파일 전체 문맥을 결합해 소스코드를 단어, 공백, 줄바꿈, 기호 등으로 분해한 뒤 각 부분의 타입을 레이블링한다.
- 학습하지 않은 언어도 주변 맥락에서 타입을 추측하도록 설계되었다.
- 번들 크기는 27.4KB로 언어별 모델이 필요한 Shiki(최대 991.5KB)나 Highlight.js(240.4KB)보다 훨씬 작다.
- 벤치마크에서 대용량 파일(5.56M 자)을 처리할 때 402ms로 다른 도구(Shiki 29.6s, Highlight.js 1.29s)보다 10배 이상 빠르다.
- 학습 데이터에 없는 파일에서 Shiki 대비 토큰 레이블 일치도는 90.35%다.
오픈소스 · 도구 · vercel-labs/skills · TypeScript
AI 코딩 에이전트용 스킬 관리 CLI 공개
Key PointAI 코딩 에이전트를 활용하는 개발자에게 팀의 작업 규칙을 자동화하는 스킬을 표준화된 방식으로 공유·재사용할 수 있는 인프라가 생겼다.
핵심 요약
- Vercel Labs가 코딩 에이전트들을 위한 스킬 패키지 관리 도구 'skills'를 오픈소스로 공개했다.
- Claude Code, Cursor, OpenCode 등 80개 이상의 AI 코딩 에이전트에서 재사용 가능한 SKILL.md 형식의 명령어 모음을 설치하고 관리할 수 있다.
- GitHub 저장소, URL, 로컬 경로에서 스킬을 추가하거나 임시로 사용 가능하며, 프로젝트/글로벌 범위에서 심링크 또는 복사로 설치된다.
- Git, GitHub CLI, SSH 등 기존 인증 방식을 활용해 공개·비공개 저장소 모두 지원한다.
- skills.sh 웹사이트에서 커뮤니티 스킬을 발견할 수 있으며, npx skills 명령으로 별도 설치 없이 즉시 사용 가능하다.
오픈소스 · 도구 · vercel-labs/agent-browser · Rust
AI 에이전트용 브라우저 자동화 CLI 'agent-browser' 오픈소스 공개
Key PointAI 에이전트의 브라우저 자동화 작업에 최적화된 별도 도구가 등장해, 기존 Playwright·Puppeteer보다 가볍고 빠른 선택지를 제공한다.
핵심 요약
- Vercel Labs가 Rust로 개발한 AI 에이전트 전용 브라우저 자동화 CLI 'agent-browser'를 공개했다.
- npm, Homebrew, Cargo 등 다양한 설치 방식을 지원하며 Node.js와 Playwright 설치 없이 독립 실행된다.
- 의미론적 위치 찾기(Semantic Locators), 요소 클릭·입력·대기 등 기본 자동화 명령과 함께 WebMCP 도구를 기본 지원한다.
- 배치 실행으로 여러 명령을 한 번에 수행해 프로세스 시작 오버헤드를 줄일 수 있고, 탭·윈도우·쿠키·네트워크 제어 등 상세한 브라우저 조작이 가능하다.
- Chrome for Testing에서 자동으로 브라우저를 다운로드하고, 기존 Chrome·Brave·Playwright 설치를 자동 감지한다.