AI 分析
痛点：开发者看到喜欢的网页 UI 想复用，只能截图后靠文字向 Claude/Cursor 描述间距、字体和颜色，生成结果往往失真、太通用。
目标用户：前端开发者、独立开发者、用 Claude Code/Cursor 做原型的 AI 编程用户和小型设计团队
证据：Every time I saw a UI I liked, I’d screenshot it, paste it into Claude or Cursor, and try to describe the spacing, fonts and colors. The result always came out generic. So now I just hover over the thing, click, and it’s saved with the real HTML, styles, fonts and colors.
变现：Chrome 扩展免费+订阅制：免费限量保存组件与基础导出，付费解锁无限组件库、React/Vue/Svelte 多框架导出、设计 token 提取与 MCP Agent Bridge（约 $9–19/月/人），团队版按席位收费。
MVP：两周 MVP：做一个 Chrome 扩展，鼠标悬停高亮选中单个 DOM 节点，提取 computed styles、字体、颜色，一键生成 Tailwind/React 代码并复制到剪贴板；保存最近 20 个片段到本地库，先不做账号、主题提取和 MCP。
竞品：Anima、Locofy、Builder.io Visual Copilot、html.to.design、CloneUI
摘要：作者因截图+文字描述喂给 Claude/Cursor 生成的 UI 总是太通用，做了 Xtractly：Chrome 扩展 hover 点击任意网页元素，保存真实 HTML、样式、字体和颜色，可导出 HTML/Tailwind/React/Vue/Svelte、提取设计 token，并通过 MCP 让 AI agent 直接读取。该帖子是产品自发布，只说明作者个人工作流痛点，未见他人附和、付费意愿或收入数据，且同类工具（Anima、Locofy、Builder.io 等）竞争已相当密集。