Launch HN: Vendo (YC S26) – 사용자가 제품 위에 기능을 구축하도록 하세요

<p align="center"> <img src="assets/banner.svg" alt="Vendo: 고객에게 맞춰진 당신의 제품" width="100%"> </p> <p align="center"> <b>오픈 소스 커스터마이징 레이어입니다.<br>사용자가 당신의 제품 위에 직접 자신만의 기능과 마이크로 앱을 구축할 수 있습니다.</b> </p> <p align="center"> Vendo는 고객들이 맞춤형 기능을 계속 요청하는 B2B SaaS 팀을 위한 것입니다. 이것은 <b>임베디드 에이전트(embedded agent)</b>입니다: 제품 자체의 API를 통해 로그인한 사용자로 작동하며, 생성된 UI를 격리된(sandboxed), 브랜드 네이티브 표면에 렌더링합니다. 당신의 소스 코드는 절대 건드리지 않습니다. 더 자세히 알아보기는 <a href="https://vendo.run">vendo.run</a>을 방문하거나, 문서는 <a href="https://docs.vendo.run">docs.vendo.run</a>에서 읽어보세요. </p> <p align="center"> <a href="https://www.npmjs.com/package/@vendoai/vendo"><img src="assets/badge-npm.svg" alt="npm 패키지: vendoai"></a> <a href="./LICENSE"><img src="assets/badge-license.svg" alt="라이선스: Apache-2.0"></a> <a href="https://docs.vendo.run"><img src="assets/badge-docs.svg" alt="문서: docs.vendo.run"></a> </p> <img src="assets/kicker-01-see-it.svg" alt="01 · 작동하는 모습 보기">

작동하는 모습 보기

아래의 모든 캡처는 목업이 아닌, 데모 호스트 앱에서 실제로 실행된 에이전트입니다.

작동하는 모습 보기

아래의 모든 캡처는 목업이 아닌, 데모 호스트 앱에서 실제로 실행된 에이전트입니다.

<table> <tr> <td width="33%" valign="top"> <img src="assets/hero.gif" alt="Maple 고객이 돈이 어디로 갔는지 묻자 에이전트가 실시간 지출 보기(live spending view)를 구성하는 모습" width="100%"> <p align="center">_{<b>뷰 구축하기(Build views).</b> 질문을 하면, 호스트의 자체 컴포넌트와 API로부터 실시간 뷰가 구성됩니다.}</p> </td> <td width="33%" valign="top"> <img src="assets/remix.gif" alt="Cadence 사용자가 마감일 카드에 마우스를 올리고 긴급도 색상 코딩을 요청한 후, 제자리에 리믹스하는 모습" width="100%"> <p align="center">_{<b>UI 리믹스하기(Remix the UI).</b> 컴포넌어에 마우스를 올리고 변경 사항을 설명하면, 그 자리에서 적용됩니다.}</p> </td> <td width="33%" valign="top"> <img src="assets/automation.gif" alt="Cadence 사용자가 아침 문서 추적 자동화(morning document-chase automation)를 요청하고, 도구별 승인으로 이를 켜는 모습" width="100%"> <p align="center">_{<b>도구 전반에 걸쳐 자동화하기(Automate across tools).</b> 일반 언어로 입력하면, 눈에 띄는 자동화가 이루어지며, 모든 도구는 승인으로 통제됩니다.}</p> </td> </tr> </table> <img src="assets/kicker-02-install.svg" alt="02 · 설치">

60초 만에 설치하기

또는 코딩 에이전트를 통해 설치하세요

<picture> <source media="(prefers-color-scheme: dark)" srcset="assets/agent-logos-dark.svg"> <img src="assets/agent-logos.svg" alt="Claude Code, Cursor, GitHub Copilot, OpenAI Codex, Windsurf" width="167" height="29"> </picture>

이 내용을 앱의 레포지토리에 붙여넣으세요:

<!-- Canonical prompt text: packages/vendo/src/agent-prompt.ts (mirrored by the docs AgentPrompt card). Change it there first. -->

앱이 실행되고 에이전트가 사용자의 API를 통해 답변하는 상태입니다. vendo-doctor는 선택적인 점검 기능이며, 출력되는 모든 코드는 해당 문제의 정확한 수정 방법을 연결합니다. 전체 플레이북: docs.vendo.run/install · 에이전트용 문서: vendo.run/agents.md

어떤 유형에 속하시나요?<br>
이미 에이전트를 가지고 계신 경우 — AI SDK, Mastra 또는 자체 구축 루프를 위한 하나의 도구 패키지.<br>제품에 에이전트가 없는 경우 — 하나의 명령어로 루프, 채팅 UI, 승인 기능을 모두 가져올 수 있습니다.<br>MCP를 통해 제품을 노출하는 경우 — Claude, ChatGPT, Cursor 및 Claude Code가 로그인한 사용자의 역할을 합니다.<br>에이전트가 백엔드에 존재하는 경우 — agent()와 chat()라는 하나의 패키지이며, 별도의 CLI나 UI를 마운트할 필요가 없습니다.

<img src="assets/kicker-03-how-it-works.svg" alt="03 · 작동 방식">

작동 방식 (How it works)

Vendo는 모든 AI SDK LanguageModel을 사용하여 스트리밍 에이전트를 실행합니다.

1 · 추출 (Extract). Vendo는 사용자의 API를 읽어와 에이전트가 로그인한 사용자로서 실행할 수 있는 도구로 변환합니다.

2 · 생성 (Generate). 에이전트는 형식 태그가 지정된 UI 문서로부터 뷰(views)와 사용자 소유 앱을 조합하며, 구성 요소는 connect-src 'none'으로 설정된 iframe 격리 환경에서 실행되며, 필요할 때만 샌드박스 서버로 확장됩니다.

3 · 보호 (Guard). 정책(Policy), 승인(approvals), 권한 부여(grants), 차단기(breakers) 및 감사(audit) 기능이 하나의 실행 병목 지점에 위치하며, 앱 머신은 보호된 도구 프록시를 통해서만 호스트 도구에 접근할 수 있습니다.

PGlite는 .vendo/data에서 설정 없이 사용할 수 있는 저장소이며, 프로덕션 환경에서는 동일한 스키마를 Postgres에서 사용합니다. 전체 아키텍처: docs.vendo.run.

<img src="assets/kicker-04-packages.svg" alt="04 · 패키지">

패키지 (Packages)

@vendoai/vendo가 기본 구성 요소입니다 (vendoai는 얇은 별칭(thin alias)입니다). 직접 Vendo를 조합하고 싶을 때 개별 블록을 설치하세요.

<p align="center"> <a href="https://github.com/runvendo/vendo"> <img src="assets/footer.svg" alt="모든 고객에게 맞게 설계되었습니다. runvendo/vendo에 별을 누르세요. Apache-2.0, docs.vendo.run, vendo.run, Y Combinator 지원" width="100%"> </a> </p>