Harie

Web サービス向けのガイド作成などで、スクリーンショットに枠・矢印・説明文を付けるアプリ。保存した画像は通常の JPEG / PNG として表示でき、Harie で開けば注釈を何度でも再編集できる。

保存したファイルはそのまま普通の画像として使える。下の画像も Harie で保存したもので、ダウンロードして Web エディタで開くと注釈を選んで直せる。

• ドキュメント: docs/
• 設計判断: docs/adr/
• AI エージェント向け: CLAUDE.md

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/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。