用途：从客户网站提取视觉识别信息，生成可复用的样式预设，供幻灯片与内容素材使用。该技能由智能体执行，AI 通过 WebFetch 读取页面并直接完成分析。
主要能力：抓取 2-3 个页面（首页必选，产品页、博客或关于页可选），提取颜色值、字体名称、CSS 类名（含 Tailwind 工具类）、CSS 自定义属性、meta 标签与页面布局结构；将颜色归类为 bg-primary、bg-secondary、text-primary、text-secondary、accent、accent-secondary、card-bg 等角色，并判断深色/浅色/混合主题；识别字体来源（Google Fonts、Fontshare、@font-face、font-family），区分展示字体与正文字体；分析圆角、渐变、阴影、间距、动画、网格图案等视觉信号，归纳风格关键词、布局描述与标志性元素。
使用方式：提供网站 URL（必填）与客户名称（必填），可选补充页面。输出保存到 clients/<client-name>/brand/visual-identity.md，包含幻灯片预设（CSS 自定义属性、字体、标志性元素）与品牌配置 JSON。
适用场景：为客户制作幻灯片、内容素材前统一视觉风格；需要快速复用某网站品牌调性的场景。
限制：依赖网页抓取能力，无需 API 密钥或付费工具；JS 渲染站点可能返回稀疏 CSS，此时需依赖 Tailwind 类、脚本内配置或请用户提供截图/品牌规范；多主题站点仅提取默认主题；专有字体需映射到相近的 Google Fonts 或 Fontshare 替代字体；颜色过多时聚焦首屏与 CTA 颜色。具体效果因实际网站而异。