PinFix – Click any UI element and edit its source with Claude Code is a skill AI agent for Edit a webpage's source code directly from any UI element during debugging. Pricing: Free + $20/mo for advanced features. As of 2026-10-26, KanonAgent records 1 upvotes. First indexed by KanonAgent on 2026-07-31.
PinFix lets frontend developers instantly edit a webpage's HTML, CSS, or JavaScript by clicking any UI element, powered by Claude Code for real-time debugging.
1 upvotes
Tracked by Kanon since Jul 31, 2026
Status basis: npm_downloads_7d gained 6 in the last 3d vs 1 in the 3d before (ratio 6.0x, threshold 1.5x)
📈 Timelinewhat changed, and when
- Accelerating npm_downloads_7d gained 6 in the last 3d vs 1 in the 3d before (ratio 6.0x, threshold 1.5x)
- Accelerating npm_downloads_7d gained 6 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Accelerating npm_downloads_7d gained 6 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Accelerating npm_downloads_7d gained 8 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Reactivated npm_downloads_7d did not move for 7d, then gained 8 in the last 3d
- Accelerating npm_downloads_7d gained 6 in the last 3d vs 3 in the 3d before (ratio 2.0x, threshold 1.5x)
- Reactivated npm_downloads_7d did not move for 7d, then gained 8 in the last 3d
- Accelerating npm_downloads_7d gained 6 in the last 3d vs 3 in the 3d before (ratio 2.0x, threshold 1.5x)
- Cooling npm_downloads_7d momentum fell to -15 per 3d from 15 (<= 40% of the prior window)
- Cooling npm_downloads_7d momentum fell to -12 per 3d from 15 (<= 40% of the prior window)
- Accelerating npm_downloads_7d gained 6 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Reactivated npm_downloads_7d did not move for 7d, then gained 6 in the last 3d
- Cooling npm_downloads_7d momentum fell to -9 per 3d from 15 (<= 40% of the prior window)
- Accelerating npm_downloads_7d gained 15 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Accelerating npm_downloads_7d gained 15 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- Accelerating npm_downloads_7d gained 15 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- first observed Kanon started keeping permanent history for this agent
🔎 Known / Unknown
13 of 23 fields unknown
| Machine-callable | — | unknown | — |
| Open source | 1 | inferred | 1 quote(s) |
| Self-hostable | — | unknown | — |
| Bring your own key | — | unknown | — |
| Autonomy level | 2 | inferred | 1 quote(s) |
| Pricing model | — | unknown | — |
| Integrations | claude-code,vite,webpack,rspack | inferred | 2 quote(s) |
“Unknown” means we have not verified it — it is not a “no”. Hard filters never treat unknown as false.
🤖 Agent teardown · skill
Job to be doneEdit a webpage's source code directly from any UI element during debugging.
AutonomyL2 · tool-calling(evidence: "Claude Code updates your source files directly…")
Who it is forFrontend developers and debugging teams working on web applications.
Prerequisitesopen source
Integrationsclaude-code · vite · webpack · rspack
PricingFree + $20/mo for advanced features
Traction · why it is risingGaining traction among developers who need fast, precise fixes during browser-based debugging sessions.
Why it matters
It demonstrates a practical integration of AI agents into the browser dev workflow, turning debugging into an interactive, immediate process.
Evidence quotesverbatim, from the product’s own materials
“public GitHub repository (README fetched)”— structural
“Claude Code updates your source files directly”— readme
“Click any UI, describe what you want to change, and PinFix lets Claude Code precisely find the source code”— readme
“Works with React, Vue, Svelte, or any JSX/TSX-based framework.”— readme
“npm install -D @pinfix/plugin”— readme
Signal source: Show HN
Visit official site →
📛 Official badgefor your site / README
Building PinFix? Pick a style above — the embed code updates live. Deep color control via URL params: bg= / fg= / accent= (hex). It links back to this page.
On mobile tap Share for WeChat / RED (Xiaohongshu) / X; on desktop use Copy text and paste into the app.
FAQ
What is PinFix?
PinFix lets frontend developers instantly edit a webpage's HTML, CSS, or JavaScript by clicking any UI element, powered by Claude Code for real-time debugging.
What does PinFix do?
Edit a webpage's source code directly from any UI element during debugging.
Why does PinFix matter?
It demonstrates a practical integration of AI agents into the browser dev workflow, turning debugging into an interactive, immediate process.
How much does PinFix cost?
Free + $20/mo for advanced features
Is PinFix free?
Yes — PinFix has a free tier. Pricing as stated on its own page: Free + $20/mo for advanced features
Is PinFix open source?
Yes — PinFix is open source.
What does PinFix integrate with?
claude-code,vite,webpack,rspack
How popular is PinFix?
As tracked by KanonAgent: 1 upvotes (first indexed 2026-07-31).
What are the best PinFix alternatives?
Similar AI agents tracked by KanonAgent: Stealth Venture, taste-skill, archify, open-design, deer-flow, ruflo.