网页设计灵感分析

技能简介

面向设计师与前端开发者的视觉研究工具。输入目标网址即可自动拆解色彩系统、字体层级、栅格布局及交互组件，生成结构化分析报告，为 redesign 或竞品调研提供数据驱动的设计决策依据。

能做什么

• 设计组件结构与交互模式
• 沉淀可复用的界面规范
• 支持前端页面与组件实现

使用说明

• 明确组件目标和使用场景。
• 设计结构、样式与交互规范。
• 联调实现并复核可复用性。

英文名

inspiration-analyzer

输入与输出

见下方输入与输出表格。

风险提示

• 涉及外部平台接口、账号或权限时，先确认授权边界与数据访问范围。
• 自动生成或自动执行结果应保留人工复核，避免直接替代最终业务判断。
• 若处理内部资料、客户信息或经营数据，应先完成脱敏与权限控制。

来源信息

原始链接：https://github.com/davepoon/buildwithclaude
来源类型：GitHub 开源仓库