Pyanchor
운영 중인 웹 앱 위에 AI 기반 실시간 편집 오버레이를 얹는 에이전트 비종속 사이드카입니다. 한 줄 스크립트 태그로 Shadow DOM 오버레이를 주입하여 사용자가 UI 요소를 클릭하고 자연어로 수정을 요청하면, 선택한 AI 에이전트 CLI 가 실제 소스를 수정하고 빌드한 뒤 rsync 배포 또는 PR 생성까지 수행하도록 설계하였습니다. OpenClaw, Claude Code, Codex, Aider, Gemini 다섯 개 에이전트 어댑터와 Next.js, Vite, Astro, SvelteKit 예제를 포함하여, HMAC actor 서명과 systemd 템플릿 등의 자체 호스팅 구조로 npm 에 공개 배포하였습니다.
개발 기간
2026.04 - 현재 운영 중
팀 구성
1인 개발
담당 역할 및 기여
Express 기반 사이드카 아키텍처 및 Shadow DOM 오버레이 설계
다섯 개 AI 에이전트 CLI 어댑터 구현 (OpenClaw / Claude Code / Codex / Aider / Gemini)
PR 생성 모드
HMAC 서명
systemd 통합 등 운영 보안 기능 구현
Vitest / Playwright 테스트 및 Dependabot 자동 머지 CI 구축 후 npm 공개 배포
기술 스택
TypeScript
Express 5
Node.js
Shadow DOM
esbuild
Vitest
Playwright
happy-dom
@anthropic-ai/claude-agent-sdk
Next.js
Vite
Astro
SvelteKit
systemd
HMAC
GitHub Actions
Dependabot