buildwithclaude

Inspiration Analyzer 是一项专为开发人员、UI/UX 设计师与产品创作者设计的专业技能，旨在将网站设计灵感转化为可执行的技术需求。通过整合的浏览器控制工具，此技能可访问目标网址，并对视觉与结构元素执行自动化审核。这对于启动新设计项目、竞品基准测试或为设计系统收集组件特别有用，无需手动截图与检查样式。

• 自动化的浏览器导航与窗口管理，包含移动设备 (375x812) 与桌面版窗口。

• 全面的色彩盘提取，包含主色、辅助色、背景色及强调色的十六进制代码 (Hex codes)。

• 深入的字体分析，包含字体家族、粗细、字符间距及层级比例的文档记录。

• 布局模式分解，识别网格系统、间距设计、导航样式及区段结构。

• 自动捕捉英雄区、滚动内容与交互式 UI 状态（如悬停效果）的屏幕截图。

• 生成结构化的 Markdown 格式灵感报告，可直接整合至设计文档或情绪板 (Moodboard)。

• 当提供特定网址时，此技能运作最佳；它能自动化网站探索，节省大量手动检查 CSS 的时间。

• 预期输出包含表格化的色彩清单、字体建议与布局见解，指导后续开发流程。

• 若浏览器访问受限，此技能会进入后备模式，引导用户提供手动截图与描述性信息以继续分析。

• 建议提供高保真度的网址；当网站具备定义明确的 CSS 计算样式时，分析效果最为显著。

• 用户可留意终端机的浏览器反馈，并在过程中提供感兴趣的特定区块或元素，以进一步精炼分析结果。