使用人工智能提取和分析网站设计系统
🎨 Design Extractor — 将任何网站变成设计文档
喜欢网站的外观吗？ 30秒内复制。
Design Extractor 是一款 Chrome 扩展程序，可以分析任何网页并立即创建结构化的 DESIGN.md 文件。无需挖掘 DevTools 或猜测 CSS 值。只需轻轻一按，人工智能就会为您完成繁重的工作。
---
⚡ 它有什么作用
单击“分析此页面”，设计提取器将：
🔍 扫描代码 — 获取所有 CSS 变量、字体、颜色、间距、阴影和动画
📸 进行智能屏幕截图 — 捕获页面的顶部、中间和底部，以便人工智能“看到”设计
🤖 编写完整的设计文档 - 生成一个干净的 Markdown 文件，涵盖氛围、颜色、排版、组件以及如何重建它
💾 一键导出 — 复制到剪贴板或下载为“{website}_DESIGN.md”
---
👤 适合谁
- 独立黑客和开发人员 - 将设计规范直接输入 Cursor、Copilot 或 v0。不再需要“让它看起来像线性”的猜测。
- 设计师——像艺术家一样偷窃。分析竞争对手并在几分钟内建立您自己的拆解库。
- 创始人和产品经理 — 使用真实的规格而不是模糊的参考资料，向您的团队准确展示您想要的东西。
- 前端工程师——停止一一检查元素。在单个文件中获取完整的系统。
---
✨ 主要特点
任意HTTPS页面一键分析
提取颜色、字体、间距、阴影、渐变、动画和组件样式
由 AI 驱动，具有来自 3 个自动捕获的屏幕截图的视觉上下文
实时流输出——观看文档自行编写
OpenAI 兼容 — 带上您自己的密钥（Kimi、GPT-4o 等）
本地优先隐私 — 您的 API 密钥保留在您的浏览器中，而不是我们的服务器上
---
💰 定价
免费 — 0 美元，使用您自己的 API 密钥无限制
Pro — 5 美元/月进行 50 次分析（或使用您自己的密钥）
最高 — 20 美元/月，可进行 200 次分析（或使用您自己的密钥）
---
🔒 隐私第一
基于 Manifest V3 构建，零额外依赖性。您的 API 密钥本地存储在 chrome.storage.local 中，并且永远不会触及我们的服务器。使用您自己的密钥，扩展程序可以完全离线工作。
---
🚀 30 秒内开始
1. 从 Chrome 网上应用店安装 Design Extractor
2. 在“设置”中添加您的 API 密钥（或登录 Pro/Max）
3. 访问任意网站并单击扩展程序图标
4.点击分析此页面
5. 下载 DESIGN.md 并开始构建
---
设计提取器——因为伟大的设计不应该是一个谜。
