vork by Voyager
An agent writes a scene as code, renders it on the GPU, looks at the result and revises the code. Source-available and free during the research preview.
翻訳待ち
Annotate screenshots for user guides. Saved as plain JPEG/PNG whose boxes and notes stay editable. Web, Chrome extension and MCP.
翻訳待ち
Loading the full README.
Read the full README ↗Web サービス向けのガイド作成などで、スクリーンショットに枠・矢印・説明文を付けるアプリ。保存した画像は通常の JPEG / PNG として表示でき、Harie で開けば注釈を何度でも再編集できる。SVG・WebP・GIF・HEIC なども読み込める(読み込むときに PNG / JPEG に変換し、保存は JPEG / PNG)。
保存したファイルはそのまま普通の画像として使える。下の画像も Harie で保存したもので、ダウンロードして Web エディタで開くと注釈を選んで直せる。
pnpm install
pnpm check # lint + typecheck + test
pnpm --filter @harie/web dev # Web エディタ(http://localhost:5173/)
MVP(M0〜M5: Web エディタ・Chrome 拡張・MCP サーバー・AI 提案と個人情報の加工)を実装済み。手元で動かす手順は ローカルでの起動と確認、今後の計画は 実装計画 を参照。
使い方・インストール・ローカルでの確認・リリースの手順は各アプリの README にある。
| アプリ | 内容 |
|---|---|
| apps/web | Web エディタ(PWA)。画像を開いて注釈を付け、保存する |
| apps/extension | Chrome 拡張。表示中のページをキャプチャして、そのまま注釈を付ける |
| apps/mcp | MCP サーバー(npm の @harie/mcp)。Claude などから注釈を読み書きする |
| apps/skill | Claude の Skill。MCP を設定できない claude.ai やクラウドのセッションでも注釈を作る・直せる(.skill ファイルのアップロード / Claude Code のプラグイン) |
| apps/cli | 開発用 CLI(pnpm harie)。ファイルの中身の確認・作成・描き直し |
| apps/desktop | デスクトップ版(Tauri 2、macOS / Windows)。OS のダイアログで開き、上書き保存する |
| apps/site | LP(GitHub Pages)。Web エディタも /app/ に一緒に公開する |
| パッケージ | 内容 |
|---|---|
| packages/model | 注釈ドキュメントのスキーマと操作 |
| packages/format | JPEG / PNG への埋め込み・読み出し |
| packages/render | 注釈 → SVG → ピクセルの描画 |
| packages/ai | AI の補足提案と個人情報の検出 |
| packages/editor | エディタ UI(React) |
MIT(LICENSE)。同梱するフォント(Noto Sans JP)は SIL Open Font License 1.1。