UICuts

UICuts 是一款专为前端开发者和设计师打造的浏览器扩展工具，旨在解决 AI 辅助 UI 开发中的痛点——描述 UI 变更时浪费大量 token，且 AI 代理经常编辑错误元素。通过 UICuts，您可以点击页面上的任意元素，一键复制 AI 就绪的上下文信息，包括选择器、类名、样式、字体、颜色、间距等。将信息粘贴到 Cursor、Claude 或 ChatGPT 中，即可获得精准的 UI 编辑建议。

核心功能

• 一键提取元素上下文：点击任意 UI 元素，自动捕获其选择器、类名、内联样式、字体、颜色、间距等关键属性，生成结构化文本，方便直接粘贴到 AI 工具中使用。
• 组件导出：将选中的元素提取为 HTML/CSS/JSX 代码片段，支持快速复用或修改。
• 字体与颜色检测：自动识别页面中使用的字体和颜色方案，帮助设计师和开发者保持设计一致性。
• 资源下载：直接从页面下载图片、图标等资源，无需手动查找。

主要特性

• 精准上下文：告别模糊截图和猜测，提供 AI 所需的精确选择器和样式信息，减少 token 浪费。
• 多工具兼容：支持粘贴到 Cursor、Claude、ChatGPT 等主流 AI 工具，无缝融入现有工作流。
• 实时提取：无需离开当前页面，点击即可获取信息，提升开发效率。
• 组件化输出：支持导出为多种前端格式，方便直接集成到项目中。
• 设计资产收集：快速抓取页面上的字体、颜色和资源，辅助设计系统搭建。

适用场景

• 前端开发：快速向 AI 描述 UI 变更需求，减少沟通成本，提高修复效率。
• 设计协作：设计师与开发者之间传递精确的 UI 规范，避免误解。
• 学习与调试：分析他人网站的样式和布局，学习最佳实践。
• 资源收集：从设计参考页面中提取字体、颜色和组件代码，加速项目启动。