Web Capture - HTML to React with MagicPath
Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.
Inspect, adjust, and preview interfaces with GRABBY for AI coding workflows.
按已采集快照查看用户数变化。
展示最近 7 日窗口内已采集的评分快照,辅助判断近期评分是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
👋👻 Meet GRABBY, a friendly little ghost that grabs and explores your UI.
GRABBY helps you inspect React interfaces, experiment with runtime changes, and generate AI-ready instructions that give coding assistants the right context—making vibe coding faster, easier, and more accurate.
Your source code is never modified. Everything happens in the runtime preview, and a simple refresh restores the original page.
Key Features
- Inspect components and explore your UI visually.
- Grab & Edit layouts, styles, and runtime previews without touching source code.
查看最近评论和评分分布。
商店综合星级:5.0。下方星级分布只统计已同步评论正文;如果某个插件只有公开分数、没有真实评论正文,这里可能为空。
查看 Chrome 商店详情页中的相关产品。
Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.
Inspect React elements and send component context to Claude Code via MCP
The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.
Toggle React Scan functionality to analyze React component renders
Capture screenshots, detect React elements, and send visual context with source code references directly to AI.
Inspect any UI element, identify the effect, and get clean copy-paste code. Powered by Claude AI.
wow this extensions is f.. good. now u born in this world, u must use this extension!!!!
It's help me for vibe coding design, recommended!!
This is KILLING!! I used this for all of my projects and it save me a lot of tokens. Very recommend for Designer who using AI coding since it's UI like figma.
good tools