DanWahlin

Zingit

Name: Zingit
Author: DanWahlin

AI community

SOURCE https://github.com/DanWahlin/zingit

Description

UI annotation tool for AI Assistants (Claude, Copilot, Codex)

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

ZingIt

[Features](#features) | [Quick Start](#quick-start) | [Usage](#usage) | [Configuration](#configuration) | [Troubleshooting](#troubleshooting)

Point-and-click UI feedback that gets automatically implemented by AI

Tired of describing what element to change in the UI, taking screenshots, and copying/pasting them into your AI assistant? Streamline how you share UI changes! Select elements, mark them with the changes you want to make, and send directly to AI agents for automated fixes.

**Point → Click → Describe → ZingIt to AI**

**[Try the Live Demo →](https://danwahlin.github.io/zingit)**

Features

Visual Markers

Click any element on your page to add notes about changes you want. Smart CSS selectors are automatically generated to target the exact element.

Screenshot Capture

Automatically captures screenshots of marked elements to provide visual context to AI agents. No more manual screenshot taking!

Multi-Agent Support

Works with Claude Code, GitHub Copilot CLI, and OpenAI Codex. Choose your preferred AI assistant and watch it work in real-time.

Send Changes with a Click

Once you've marked your changes, simply click the sparkle icon (✨) in the ZingIt toolbar to send everything to your AI agent. Watch as it generates code updates live!