nitpick
Design feedback for AI coding agents
Select any element on a live page, describe what should change, and export structured prompts that AI agents can act on immediately.
How it works
Pick an element
Click any element on a live page. Nitpick captures its CSS, box model, and HTML structure automatically.
Describe the change
Write what should be different — spacing, color, layout, behavior — and tag it with a category for smarter prompts.
Export or create a ticket
Copy a structured AI prompt to your clipboard, or push directly to Linear as a ticket.
AI implements the fix
Paste into Claude Code, Codex CLI, or any AI agent. It gets full context — selectors, computed styles, box model, and your instructions.
Features
Visual context capture
Every annotation includes computed CSS, box model dimensions, and an HTML snapshot — everything an AI agent needs to make the fix.
Structured AI prompts
Exports optimized prompts for Claude Code, Codex CLI, and other AI agents. Includes selectors, styles, and clear instructions.
Ticket integration
Push nits directly to Linear with full context attached. Create one ticket per nit or batch them all at once.
Nitpick API endpoint
Sites can expose /.well-known/nitpick.json with component mappings and design tokens. Auto-discovered by the extension for richer prompts.
Free forever. Cloud when you need it.
Everything that runs locally stays free. Cloud adds collaboration and convenience.
| Free (Extension) | Cloud | |
|---|---|---|
| Element picker & annotations | ✓ | ✓ |
| AI prompt generation | ✓ | ✓ |
| Export to clipboard / markdown | ✓ | ✓ |
| All browsers (Chrome, Firefox, Safari) | ✓ | ✓ |
| AI calls (bring your own key) | ✓ | ✓ |
| Linear tickets (bring your own key) | ✓ | ✓ |
| Nitpick API auto-discovery | ✓ | ✓ |
| Cross-browser & cross-device sync | — | ✓ |
| Team workspaces & managed projects | — | ✓ |
| One-click OAuth integrations | — | ✓ |
| Hosted Nitpick API (Enterprise) | — | ✓ |