tegakari
16 users
Developer: kiyoshidainagon
Version: 0.0.3
Updated: 2026-06-14
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
build - / - json 全アノテーションのスクリーンショットを1枚の画像としてまとめてコピー cursor ファイル(tegakari-annotations-*.json)として書き出し nuxt - ■ - - - - vue コンポーネント階層やpropsをすばやく把握したい方 収集した情報はすべてブラウザ内(ローカル)で処理され、外部サーバーには language)を収集 アノテーションをurl単位で永続化(ページ再読み込み後も復元) のコンポーネント階層・props・state jsonl ダーク ライトテーマ対応 ページ上の複数要素をクリックして選択・アノテーション など)にそのまま渡せる形でコピーできる urlパターン別のプレフィックス設定(例: style ページメタデータ(viewport, / 要素周辺のスクリーンショットを自動キャプチャ こんな方におすすめ ■ は、webページ上の要素を選択するだけで、その要素のコンテキスト情報を プライバシー - オープンソースで開発しています。 ■ - アノテーションセットを - 差分)を取得し、余白・色などの修正指示に実測値で対応 chrome拡張機能です。 を自動検出 主な機能 / - react github: markdown 読み込み(共有・バックアップ) - 一切送信されません。アナリティクスや広告、トラッキングも行いません。 / code, コンポーネントのソース位置(file:line)を解決して出力(dev aiエディタにuiの修正を依頼することが多いフロントエンドエンジニア クリップボードにコピーします。 選択要素にピンを配置し、指示テキストを入力 「どの要素か」を言葉で説明するのが面倒な方 next.js 選択要素の実効スタイル(computed [repo=my-app]) aiエディタ(claude 形式を切り替えてコピー - useragent, - jsonl形式でまとめて - - で取得可能な場合) https://github.com/iemong/tega などのメタフレームワークを検出 / / - 「このボタンの挙動を変えたい」「このコンポーネントを修正したい」—— そんなとき、要素をクリックするだけで以下の情報をmarkdown html情報(タグ・属性・テキスト)を取得 - tegakari kari
Related
UI Builder with Gemini AI
25
ALT-DEV TOOLS
23
RawLens
0
MarkIt - 网页标注与反馈,让 AI 少猜一点
63
sourcerip: Full Page Screenshot, HTML Source & AI Export
168
Annotator - for Chrome
691
WebGrabber for Claude Design
293
Web to MCP: Import any website components to Cursor or Claude Code
4,000+
MCP Chrome Extension - AI Browser Control
920
ShotMyPage - Full Page Screen Capture
222
Screenshot Editor
1,000+
Design Cursor
14



