PYAN
  • Home
  • Skills
  • Projects
  • Experience
  • Achievements
  • Education
  • Summary
  • Contact

Pyanchor

稼働中のWebアプリの上にAIによるリアルタイム編集オーバーレイを載せる、エージェント非依存のサイドカーです。 1行のスクリプトタグでShadow DOMオーバーレイを注入し、ユーザーがUI要素をクリックして自然言語で変更を指示すると、選択したAIエージェントCLIがソースを実際に修正し、ビルドを走らせ、rsyncでの反映またはPR生成までを行うよう設計しました。 OpenClaw・Claude Code・Codex・Aider・Geminiの5種のエージェントアダプタと Next.js・Vite・Astro・SvelteKit の例を備え、HMAC actor 署名や systemd テンプレートを含む自己ホスト型構成のまま npm へ公開しました。

開発期間

2026.04 - 現在運用中

チーム構成

1人開発

担当役割及び貢献
  • Expressベースのサイドカーアーキテクチャおよび Shadow DOM オーバーレイ設計

  • 5種の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
プロジェクトリンク