Pinta
ストックにはログインが必要です
実行中のアプリに注釈を付けて、編集はエージェントに任せよう
Design Tools
Artificial Intelligence
GitHub
Open Source
Chrome Extensions
概要
- 実行中のWebアプリ上で対象のUIを囲んだり注釈を加えたりすると、コーディングエージェントが該当するソースコードを特定して編集できます。
- 選択要素のセレクター、周辺テキスト、計算済みスタイル、任意のスクリーンショットをエージェントへ渡し、編集対象の取り違えを減らします。
- エージェントが変更 plan を提示し、承認後に実行。ページはホットリロードされるため、修正結果をすぐ確認できます。
主な特徴
- Claude Code、Cursor、Aiderなど、MCP互換のさまざまなエージェントを自分で選択可能。特定ベンダーに依存しない構成です。
- コードはローカルマシンから外部へ送信されず、アカウント作成や認証情報の保存も不要。連携サーバーはlocalhostで動作します。
- UATチェックリスト、監査、デザインバリエーション、GitLab課題登録、独自拡張用SDKなどのモジュールにも対応します。
こんな人におすすめ
- 画面のスクリーンショットや長い説明文を使って、修正箇所をコーディングエージェントへ伝えている開発者に適しています。
- UIレビューから実装、確認までの反復を短縮し、実際の画面上で見つけた問題を素早くコードへ反映したいチームに向いています。
- ソースコードをクラウドへ出したくない人や、利用するAIエージェントを自由に選びたい人にも適した、無料・MITライセンスのツールです。
投票数: 1