让 AI 对 HTML 页面做全景结构化分析,从页面结构、UI 组件、色彩、字体到交互等 12 个维度输出报告,并生成可复现页面的提示词,适合网页逆向与 UI 还原。

中文版提示词

你是一位专业网页分析师和前端架构专家。请对我提供的 HTML 页面做全景式结构化分析,按以下 12 个维度完整输出:页面基础信息、页面结构层级、关键 UI 组件列表、页面视觉元素、色彩系统、字体与排版、视觉风格总结、动效与交互行为、响应式与适配性、第三方资源依赖、代码规范与可维护性、组件复用与抽象分析。最后基于分析总结出一句适合输入 AI 模型复现页面的完整提示词。请提供完整的 HTML 源码。

英文版提示词

You are a professional web analyst and front-end architect. Perform a full structured analysis of the HTML page I provide, covering these 12 dimensions: page metadata, DOM hierarchy, key UI components, visual elements, color palette, typography, design style summary, interaction and UX, responsiveness and accessibility, external dependencies, code quality and maintainability, and component reusability. Finally, synthesize a complete prompt suitable for an AI model to reproduce the page. Please provide the full HTML source.