PinFix – Click any UI element and edit its source with Claude Code 是一个「skill」类 AI agent,解决:在调试网页时，能直接点击元素并用 AI 自动生成或修改其 HTML/CSS/JS 代码。定价:产品页未标明。截至 2026-10-26,KanonAgent 记录到 1 票。本站首次收录于 2026-07-31。
点击任意 UI 元素即可用 Claude Code 编辑其源码，实现“所见即所改”的网页实时重构，极大提升前端调试效率
1 票
Kanon 于 2026 年 7 月 31 日 收录
状态依据:npm_downloads_7d gained 6 in the last 3d vs 1 in the 3d before (ratio 6.0x, threshold 1.5x)
📈 时间线什么时候变了什么
- 加速 npm_downloads_7d gained 6 in the last 3d vs 1 in the 3d before (ratio 6.0x, threshold 1.5x)
- 加速 npm_downloads_7d gained 6 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- 加速 npm_downloads_7d gained 6 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- 加速 npm_downloads_7d gained 8 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- 重启 npm_downloads_7d did not move for 7d, then gained 8 in the last 3d
- 加速 npm_downloads_7d gained 6 in the last 3d vs 3 in the 3d before (ratio 2.0x, threshold 1.5x)
- 重启 npm_downloads_7d did not move for 7d, then gained 8 in the last 3d
- 加速 npm_downloads_7d gained 6 in the last 3d vs 3 in the 3d before (ratio 2.0x, threshold 1.5x)
- 降温 npm_downloads_7d momentum fell to -15 per 3d from 15 (<= 40% of the prior window)
- 降温 npm_downloads_7d momentum fell to -12 per 3d from 15 (<= 40% of the prior window)
- 加速 npm_downloads_7d gained 6 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- 重启 npm_downloads_7d did not move for 7d, then gained 6 in the last 3d
- 降温 npm_downloads_7d momentum fell to -9 per 3d from 15 (<= 40% of the prior window)
- 加速 npm_downloads_7d gained 15 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- 加速 npm_downloads_7d gained 15 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- 加速 npm_downloads_7d gained 15 in the last 3d after a flat 3d baseline (no prior movement to compare a ratio against)
- 首次观测 Kanon 开始为它保留永久历史
🔎 已知 / 未知
23 个字段里 13 个未知
| 可机器调用 | — | 未知 | — |
| 开源 | 1 | 推断 | 1 条引文 |
| 可自托管 | — | 未知 | — |
| 需自带 key | — | 未知 | — |
| 自主度 | 2 | 推断 | 1 条引文 |
| 计费模式 | — | 未知 | — |
| 集成面 | claude-code,vite,webpack,rspack | 推断 | 2 条引文 |
「未知」= 我们没核实过,**不等于「否」**。硬性筛选永远不会把未知当成否。
🤖 Agent 拆解 · skill
解决什么场景在调试网页时，能直接点击元素并用 AI 自动生成或修改其 HTML/CSS/JS 代码
自主度L2 · 有工具调用(引文: "Claude Code updates your source files directly…")
前置条件开源
集成面claude-code · vite · webpack · rspack
为什么值得关注
将 AI agent 与浏览器调试深度集成，是“AI 副驾”在前端开发中的典型落地场景
证据引文判定所依据的原文 · 逐字引用
“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
信号来源: Show HN
访问官网 →
📛 官方徽章挂到官网 / README
你是 PinFix 的作者?上面选样式,嵌入代码实时更新;要贴合站点配色可在 URL 上加 bg= / fg= / accent=(十六进制色)。徽章链回本页。
手机端点「分享」直达微信/朋友圈/小红书;桌面端用「复制文案」后到 App 内粘贴发布
常见问题
PinFix 是什么?
点击任意 UI 元素即可用 Claude Code 编辑其源码，实现“所见即所改”的网页实时重构，极大提升前端调试效率
PinFix 解决什么问题?
在调试网页时，能直接点击元素并用 AI 自动生成或修改其 HTML/CSS/JS 代码
PinFix 为什么值得关注?
将 AI agent 与浏览器调试深度集成，是“AI 副驾”在前端开发中的典型落地场景
PinFix 是开源的吗?
是。PinFix 为开源项目。
PinFix 能接哪些工具?
claude-code,vite,webpack,rspack
PinFix 有多少人在用?
KanonAgent 记录到:1 票(本站首次收录于 2026-07-31)。
PinFix 有什么替代品?
KanonAgent 库内的同类 agent:Stealth Venture、ECC、orca、taste-skill、Agent-Reach、archify。