用途：从客户网站提取视觉识别信息，生成可复用的样式预设，供幻灯片与内容素材制作使用。该技能由智能体执行，AI 通过 WebFetch 读取页面并直接分析。
主要能力：抓取 2-3 个页面（首页必选，产品页、博客或关于页可选）；提取配色（CSS 自定义属性、meta 标签、显式 CSS 颜色声明、Tailwind 工具类），并按 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（颜色、字体、可选 logo_url）。
适用场景：为客户制作幻灯片、内容素材前统一品牌视觉；快速获取网站配色与字体规范。
限制：依赖 WebFetch 抓取能力；JS 渲染站点可能返回稀疏 CSS，需依赖 Tailwind 类或脚本内配置，必要时请用户提供截图或品牌指南；多主题站点仅提取默认主题并备注；颜色过多时聚焦首屏与 CTA；字体无法识别时按氛围选择相近搭配。无需 API 密钥或付费工具。