用途：从客户网站提取视觉识别信息，生成可复用的样式预设，供 HTML 幻灯片与内容素材创作使用。该技能由智能体执行，AI 通过 WebFetch 读取页面并直接分析。
主要能力：抓取 2-3 个页面（首页必选，产品页与博客/关于页可选）取样品牌；提取配色并将其归类为 bg-primary、bg-secondary、text-primary、text-secondary、accent、accent-secondary、card-bg 等角色，来源优先级为 CSS 自定义属性、meta 标签（theme-color、msapplication-TileColor）、显式 CSS 颜色声明、Tailwind 工具类；判断深色/浅色/混合主题；提取字体来源（Google Fonts、Fontshare、@font-face、font-family），区分展示字体与正文字体，遇到专有字体时按回退表映射到近似字体；分析圆角、渐变、阴影、间距、动画、网格图案、渐变光球、边框强调等视觉信号，归纳 2-4 个氛围形容词、一句布局描述与 3-4 个可复现的标志性元素。
使用方式：提供必填的网站 URL 与客户名称，可选提供产品页、文档页等附加页面。输出两个格式，保存到 clients/<client-name>/brand/visual-identity.md：幻灯片预设（CSS 自定义属性、字体、标志性元素，匹配 skills/create-html-slides/STYLE_PRESETS.md 格式）与品牌配置 JSON（颜色/字体配置，匹配 skills/content-asset-creator 格式）。
适用场景：为特定客户制作幻灯片与内容素材前，先建立匹配其品牌的样式预设。
限制：依赖 WebFetch 抓取能力，无需 API 密钥或付费工具；对 JS 渲染、CSS 稀疏的站点可能提取不足，此时可关注 Tailwind 工具类、script 内嵌配置与 style 标签，或请用户提供截图/品牌指南；同时存在浅色与深色主题时只提取默认主题并在备注中说明；颜色过多时聚焦首屏、按钮/CTA 颜色与高频前 5-7 色；字体识别失败时可参考现有幻灯片预设或按氛围选择安全搭配。目标为 5-7 种颜色、1-2 种字体、3-4 个标志性元素，避免过度提取。