AI 分析
痛点：AI 编码助手（如 Claude Code）生成的 UI 千篇一律，难以准确理解并复用某个网站的设计体系（间距、颜色、字体），导致产出与开发者想要的风格脱节。
目标用户：使用 Claude Code / Cursor 等 AI 编码代理的前端开发者、独立开发者和小型 SaaS 团队，尤其是对 UI 质感有要求但不想手写样式的人。
证据：“Claude Code kept giving me the same generic UI… Saying ‘make it look like Linear’ didn’t help much. Screenshots helped a bit, but it guesses spacing and colours from pixels.” / “agents copy structure well and taste badly. Give it your tokens or it pastes their brand into your app.”
变现：SaaS 订阅：每月免费几次抓取，付费解锁组件库保存、design token 映射、团队共享；也可做 MCP 插件按席位订阅或一次性买断。
MVP：做一个浏览器扩展 + MCP 服务：点击任意页面元素，抽取其 DOM 结构、计算样式和字体，自动映射成用户自己的 token（颜色/间距命名），压缩成约 2KB 的 prompt 供 agent 读取。两周内可完成核心抓取、token 映射和 Claude/Cursor MCP 接入。
竞品：Figma MCP / Dev Mode、Builder.io Visual Copilot、Anima / Locofy 截图转代码、Chrome DevTools 手动复制样式、screenshot-to-code 类工具
摘要：发帖人抱怨 Claude Code 生成的 UI 总是同一套 rounded-xl 卡片和 slate-600 配色，口头描述"像 Linear"或给截图都效果有限，于是自己做了 xtractly：从任意网站抓取组件结构、计算样式和字体，压缩成约 2KB 的 MCP prompt 供 AI 编码代理读取。帖子只是产品发布，没有收入或付费意愿数据，但痛点在多款 AI 编码工具用户中普遍存在。