Web Design Analyzer

任务目标

• 本 Skill 用于：从网页截图中自动提取设计系统（Design System），包括色彩、排版、组件风格等核心要素
• 能力包含：
  • 自动识别网页视觉风格（Vibe & Style）
  • 提取精确的色彩系统（Hex Code + Tailwind 类名）
  • 分析排版系统（字体类型、字重、行高）
  • 识别组件特征（圆角、阴影、边框）
  • 生成结构化 JSON 数据和可直接使用的 Coding Prompt
  • 导出为路演视频品牌风格配置（与 ppt-roadshow-generator 协同）
• 触发条件：用户上传网页截图并要求分析其设计，或需要将网页设计风格应用于路演视频

前置准备

• 依赖说明：scripts 脚本所需的依赖包及版本

  Pillow>=10.0.0
  

• 非标准文件/文件夹准备：无