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, HTML structure, and a screenshot 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. Jira and GitHub Issues coming soon.
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, an HTML snapshot, and a screenshot — 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. Jira and GitHub Issues support coming soon.
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 Coming soon | |
|---|---|---|
| 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 | — | ✓ |
| One-click OAuth integrations | — | ✓ |
| Hosted Nitpick API (Enterprise) | — | ✓ |