Doop
Doop is an open-source multiplayer design canvas and design MCP for Claude Code, Codex, and any AI agent. Design side by side with agents — free in beta.
保存されるのはふつうの JPEG / PNG です。Harie で開けば、枠も番号も説明も何度でも直せます。
Translation pending
DesignTypeScript · HTMLGitHub @hosshanOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
Annotate screenshots for user guides. Saved as plain JPEG/PNG whose boxes and notes stay editable. Web, Chrome extension and MCP.
Taken from the repository README
Loading the full README.
Read the full README ↗Web サービス向けのガイド作成などで、スクリーンショットに枠・矢印・説明文を付けるアプリ。保存した画像は通常の JPEG / PNG として表示でき、Harie で開けば注釈を何度でも再編集できる。
保存したファイルはそのまま普通の画像として使える。下の画像も 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/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。