Zingit — AI skill for Claude Code
UI annotation tool for AI Assistants (Claude, Copilot, Codex).
How to install Zingit
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open DanWahlin/zingit and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Zingit does
UI annotation tool for AI Assistants (Claude, Copilot, Codex).
Alternatives in AI
- CLI Continues — resume any AI coding session in another tool — Claude Code, Copilot, Gemini, Codex, Cursor 1.5k ★
- Agmsg — Cross-vendor messaging for CLI AI coding agents — let Claude Code, Codex, Gemini & Copilot talk to each other 1.5k ★
- OpenContext — A personal context store for AI agents and assistants—reuse your existing coding agent CLI (Codex/Claude/OpenC 1.1k ★
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!
Additional Features
- Real-time Streaming - Watch the AI work in real-time
- Smart Selectors - Auto-generates CSS selectors for precise targeting
- Change History - Track all modifications made by your AI assistant
- Remote/Local Detection - Warns when editing published sites v
Related Skills
Toolkit AI
Package manager for AI coding assistants — manage skills, agents & MCPs across Claude Code, Codex, Copilot, an
Android AI Skills
Production-grade Android best practices for AI coding assistants. Works with Cursor, Claude Code, GitHub Copil
Nexus Hub
Enterprise-grade skill harness for AI coding assistants -- the upstream catalog for the Nexus desktop app and
AI Software Architect
An open-source, local-first AI software architect for Codex, Claude Code, GitHub Copilot, Antigravity and othe
Capture For Agents
여기요!! (Yeogiyo!!) — macOS screenshot capture + annotation for AI coding agents. Point at the screen: the fix g
Browser Annotations
Visual web annotation overlay → markdown for AI coding agents (Claude Code, Cursor). CDP-injected, no extensio
Related Agents
Developer Overview
code-container (container) creates isolated Docker environments for AI coding harnesses (Claude Code, OpenCode
CLI Engineer
Ingénieur du CLI Hookstack (packages/cli/, package npm hookstack-cli). Utiliser pour toute évolution du CLI in
Consult Agent
Execute cross-tool AI consultations via Task spawning. Use when agents or workflows need a second opinion from
