用途：从网页截图中自动提取设计系统（Design System），包括色彩、排版、组件风格等核心要素，供设计还原与前端开发使用。触发条件为用户上传网页截图并要求分析其设计，或需将网页设计风格应用于路演视频。
主要能力：自动识别网页视觉风格；提取精确色彩系统（Hex Code 与 Tailwind 类名）；分析排版系统（字体类型、字重、行高）；识别组件特征（圆角、阴影、边框）；生成结构化 JSON 数据与可直接使用的 Coding Prompt；导出为路演视频品牌风格配置（与 ppt-roadshow-generator 协同）。
使用方式：用户上传 PNG、JPG、JPEG 等常见格式截图，智能体确认文件路径后调用脚本分析，例如 python scripts/analyze_design.py --image ./uploads/landing-page.png，脚本调用 OpenAI GPT-4 Vision API 返回结构化结果，再由智能体展示 JSON 与 Coding Prompt 并给出后续建议。导出路演风格时调用 scripts/convert_to_roadshow_style.py，以 --input 指定 JSON 路径、--output 指定输出路径。
依赖与限制：需 Pillow>=10.0.0；当前版本仅支持 OpenAI API，Gemini API 暂不支持，未来可能扩展；API 调用失败时需检查 API Key、图片格式等；截图清晰度需足够以准确提取细节。参考文档包括 references/api-spec.md 与 references/roadshow-export-guide.md，仅在需要时读取。输出资产暂未提供。